你近期做过移动速度测试吗?你的网站关键词排名怎么样?一个缓慢的网站会让手机用户望而却步。理想状况下,你期望你的设计可以像在Wi-Fi上的桌面用户一样,在手机上迅速加载4G用户。(这是一个相当大的需要,但有的事情你可以做到。)
第一,测一下你的移动速度。然后用这类方法来提升你的性能,让更多的用户在你的网站上停留更长期。
1、优化图片
网站速度大的问题之一是图像大小。图像事实上可以占到页面上下载数据的大多数,通过正确格式化和保存图像,你可以大大降低提供这类信息所需的字节数。
优化图像最简单的办法是在上传前用它们。在将图像添加到内容管理软件之前,将它裁剪到所需的大小并保存到web。然后压缩图像,使文件大小尽量小。
大家有一个最好的图像压缩工具的伟大概要在这里。他们可以帮你优化你的图像之前,你上传。
2、推广托管事宜
最实惠的推广托管计划并不适用于所有些网站。缓慢的推广托管是一个常常被隐藏的问题,对于那些伴随时间的推移稳步增长,但没提升其推广托管计划的网站来讲是非常容易见到的。
要确保你的推广托管计划是为速度而构建的,请选择专用的服务器选项。假如你需要一些更经济便宜的东西,下一个最好的选择是VPS推广托管,你已经与专用服务器资源共享了推广托管。
然后,考虑考虑像视频内容如此的负载杀手。假如可能的话,用外部工具来推广托管这类文件。像YouTube如此的服务就是好的。(这可能是你已经在做的事情。)本质上,你可以在这类文件的当地地方链接到它们,而不是将它们添加到站点文件中。
3、注意JS
Javascript提供了不少非常酷的成效和网站上发生的事情。没什么方法可以避开它。
注意你怎么用Javascript,它不会减慢你的网站为移动用户。
将Javascript放在文件的底部:当Javascript加载时,浏览器不会加载其他元素。假如可以的话,将JS脚本移到页面底部来解决这个问题。通过这种方法,HTML内容第一呈现,你可以用视觉提示让用户了解更多的数据即将来临,假如需要的话。
优化和缩小:更小的文件加载速度更快。不要忘记这也适用于代码。
用异步Javascript:选择异步JS加载,直到首次呈现所有非重要元素。这允许脚本同时加载,而不是逐个加载。
4、用延迟加载
从逻辑上讲,从上到下加载内容是有意义的,对吧?
延迟加载允许先加载屏幕上的内容,然后再加载其他内容。(在速度和网站SEO方面,Google喜欢这个选项。)
有不少WordPress插件可以帮你做到这一点,它们很简单,而且很轻量级。尝试一些像慢负载或WP火箭。
5、借助缓存
缓存允许浏览器在用户设施上存储常常被请求的文件一段时间。当启用缓存时,后续页面加载将愈加高效。
启用缓存是提升页面速度最推荐的选项之一。用户会感谢你的。
6、降低重定向
你了解你的网站有多少重定向吗?虽然重定向有不少好处,但它们会减慢站点的速度。当涉及到重定向时,最好的建议是消除非必须的重定向。
速度最快的是301永久性重定向,它将用户从一个过时的页面转移到一个新版本。想想你的内容,假如这个动作仍然是必要的。可能需要进行重定向审计。
Varvy的重定向映射器可以帮你确定从哪儿开始。
7、尝试加速移动页面
加速移动页面是一个开源的模仿Google,旨在创建页面加载迅速手机。
创建AMP版本的着陆页,以充分借助该技术。这类页面用AMP HTML格式和AMP Javascript,对于做很多在线广告或将用户发送到特定地方的网站来讲,这是一个理想的解决方法。
大有哪些好处是AMP页面几乎可以立即加载。缺点是后端需要做更多的工作。
有不少关于AMP项目的信息。
8、删除抽头延迟
你有没注意到,当你点击某样东西时和手机上的动作发生之间会有一点延迟?这种延迟刚开始是为了让设施更容易辨别双击。(这个功能已经过时了)
这是修复,把它放在页眉。
Google的杰克・阿奇博尔德谈到了这个简单的变化:“性能差异很大!拥有一个即时响应的UI意味着用户可以自信地迅速按下每一个按钮,而不是停下来等待响应。
9、考虑一流的Web应用程序
假如你的网站有很多的互动内容和动态功能,一个进步的互联网应用程序可能是解决方法。
PWAs是像应用程序一样工作的网站(但没下载)。
PWAs的优点是它们可以像网站一样搜索,无需安装或更新。它们也倾向于离线工作,允许推送公告,而且因为用了缓存办法,它们的速度飞快。
棘手的部分是,这是一个只有开发职员的选择,而不是一个开始网站制作者。但,假如你的网站需要的内容一直在变化,而且不像它应该的那样快,那绝对值得一看。
不相信吗?玩一些有趣的渐进式互联网应用程序。
10、删除这类插件
插件在创网站制作功能方面有不少价值。但因为它们比较容易找到和安装,很多网站都有很多未用的插件在后台运行。
这就增加了设计的网站权重和代码。这是用户在看到设计之前需要下载的东西。它会叫你的网站慢下来。
当涉及到插件时,只保留你需要的和实质用的。关闭和删除所有其他内容。然后确保你正在更新插件。过时、不支持或配置错误的插件是速度杀手。
考虑考虑做同样事情的插件――阅读带有更新的描述和文档――在这里去掉冗余。
最后,去掉可以手工完成的插件(字体安装、头标签插入、剖析等等)。
推荐题目为移动速度设计网站的10种办法