互联网全终端解决方案
020-37309704
为移动速度设计网站的10种方法
2020-10-26 00:42 企业网站建设

你最近做过移动速度测验吗?你的网站排名怎么?一个缓慢的网站会让手机用户望而生畏。抱负情况下,您期望您的规划能够像在Wi-Fi上的桌面用户相同,在手机上快速加载4G用户。(这是一个相当大的要求,但有些作业你能够做到。)

首要,测验你的移动速度。然后运用这些技巧来前进你的功用,让更多的用户在你的网站上逗留更长时刻。

1、优化图片

网站速度最大的问题之一是图画巨细。图画实际上能够占到页面上下载数据的大部分,经过正确格局化和保存图画,您能够大大削减供给这些信息所需的字节数。

优化图画最简略的方法是在上传前运用它们。在将图画添加到内容管理系统之前,将其裁剪到所需的巨细并保存到web。然后紧缩图画,使文件巨细尽或许小。

我们有一个最好的图画紧缩东西的巨大总结在这里。他们能够协助你优化你的图画之前,你上传。

2、保管事宜

最便宜的保管方案并不适用于一切的网站。缓慢的保管是一个经常被躲藏的问题,关于那些跟着时刻的推移稳步增长,但没有前进其保管方案的网站来说是很常见的。

要保证您的保管方案是为速度而构建的,请挑选专用的服务器选项。假如您需求一些更经济实惠的东西,下一个最好的挑选是VPS保管,您现已与专用服务器资源共享了保管。

然后,考虑一下像视频内容这样的负载杀手。假如或许的话,运用外部东西来保管这些文件。像YouTube这样的服务就是完美的。(这或许是你现已在做的作业。)本质上,您能够在这些文件的本地方位链接到它们,而不是将它们添加到站点文件中。

3、留意JS

JavaScript供给了许多很帅的作用和网站上发作的作业。没有什么方法能够避开它。

留意你怎么运用JavaScript,它不会减慢你的网站为移动用户。

将JavaScript放在文件的底部:当JavaScript加载时,浏览器不会加载其他元素。假如能够的话,将JS脚本移到页面底部来解决这个问题。经过这种方法,HTML内容首要出现,您能够运用视觉提示让用户知道更多的数据行将到来,假如需求的话。

优化和缩小:更小的文件加载速度更快。不要忘记这也适用于代码。

运用异步JavaScript:挑选异步JS加载,直到第一次出现一切非关键元素。这答应脚本一起加载,而不是逐一加载。

4、运用推迟加载

从逻辑上讲,从上到下加载内容是有意义的,对吧?

推迟加载答应先加载屏幕上的内容,然后再加载其他内容。(在速度和查找引擎优化方面,谷歌喜爱这个选项。)

有许多WordPress插件能够协助你做到这一点,它们十分简略,并且十分轻量级。测验一些像慢负载或WP火箭。

5、运用缓存

缓存答应浏览器在用户设备上存储经常被请求的文件一段时刻。当启用缓存时,后续页面加载将愈加高效。

启用缓存是前进页面速度最推荐的选项之一。用户会感谢你的。

6、削减重定向

你知道你的网站有多少重定向吗?虽然重定向有许多长处,可是它们会减慢站点的速度。当涉及到重定向时,最好的主张是消除不必要的重定向。

速度最快的是301重定向,它将用户从一个过期的页面转移到一个新版本。想想你的内容,假如这个动作仍然是必要的。或许需求进行重定向审计。

Varvy的重定向映射器能够协助你断定从哪里开端。

7、测验加快移动页面

加快移动页面是一个开源的仿照谷歌,旨在创立页面加载快速移动设备。

创立AMP版本的着陆页,以充分运用该技术。这些页面运用AMP HTML格局和AMP JavaScript,关于做许多在线广告或将用户发送到特定方位的网站来说,这是一个抱负的解决方案。

最大的长处是AMP页面几乎能够当即加载。缺陷是后端需求做更多的作业。

有许多关于AMP项目的信息。

8、删去抽头推迟

你有没有留意到,当你点击某样东西时和移动设备上的动作发作之间会有一点推迟?这种推迟开端是为了让设备更简略辨认双击。(这个功用现已过期了)

这是修正,把它放在页眉。

谷歌的杰克·阿奇博尔德谈到了这个简略的改变:“功用差异十分大!具有一个即时呼应的UI意味着用户能够自傲地快速按下每个按钮,而不是停下来等候呼应。

9、考虑先进的Web应用程序

假如你的网站有许多的互动内容和动态功用,一个前进的网络应用程序或许是解决方案。

PWAs是像应用程序相同作业的网站(但没有下载)。

PWAs的长处是它们能够像网站相同查找,不需求装置或更新。它们也倾向于离线作业,答应推送通知,并且因为运用了缓存方法,它们的速度十分快。

棘手的部分是,这是一个只有开发人员的挑选,而不是一个开端网站建设者。可是,假如你的网站需求的内容总是在改变,并且不像它应该的那样快,那肯定值得一看。

不相信吗?玩一些风趣的渐进式网络应用程序。

10、删去这些插件

插件在创立网站功用方面有许多价值。可是因为它们很简略找到和装置,许多网站都有许多未运用的插件在后台运转。

这就增加了规划的权重和代码。这是用户在看到规划之前有必要下载的东西。它会让你的网站慢下来。

当涉及到插件时,只保留你需求的和实际运用的。封闭和删去一切其他内容。然后保证你正在更新插件。过期、不支持或装备过错的插件是速度杀手。

考虑一下做相同作业的插件——阅览带有更新的描绘和文档——在这里去掉冗余。

最终,去掉能够手动完结的插件(字体装置、头标签刺进、剖析等等)