为移动速度设计网站的10 种方法
你最近做过移动速度测试吗？您的网站排名如何？一个缓慢的网站可以关闭移动用户。理想情况下，您希望您的设计在移动设备上为4G 用户加载的速度与为桌面用户在Wi-Fi 上加载的速度一样快。 （这是一个很大的要求，但有些事情你可以做。）
首先，测试你的移动速度。然后使用这些技巧来提高您的性能并让更多用户在您的网站上停留更长时间。
1.优化图片
网站速度的最大问题之一是图像大小。图片实际上可以构成页面上下载数据的大部分，通过正确格式化和保存图片，您可以大大减少提供此信息所需的字节数。
优化图像的最简单方法是在上传之前使用它们。在将图像添加到您的内容管理系统之前，将图像裁剪成所需的大小并保存到网络上。然后压缩图像以保持文件大小尽可能小。
我们在这里汇总了最好的图像压缩工具。他们可以帮助您在上传图片之前优化图片。
海淀网站建设
二、托管事项
最便宜的托管计划并不适合每个网站。缓慢的托管是一个经常隐藏的问题，并且对于随着时间的推移稳步增长但尚未增加托管计划的网站来说很常见。
为确保您的托管计划专为提高速度而构建，请选择专用服务器选项。如果您需要更实惠的东西，下一个最佳选择是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、删除这些插件
这就增加了设计的权重和代码。这是用户在看到设计之前必须下载的东西。它会让你的网站慢下来。
当涉及到插件时，只保留你需要的和实际使用的。关闭和删除所有其他内容。然后确保你正在更新插件。过时、不支持或配置错误的插件是速度杀手。
考虑一下做同样事情的插件——阅读带有更新的描述和文档——在这里去掉冗余。
最后，去掉可以手动完成的插件（字体安装、头标签插入、分析等等）。
本文章来自于：海淀网站建设
https://www.99hyw.cn/web/11767.html
