7折
减价出售
¥799
如何在移动端提升WordPress网站速度
为什么你的WordPress网站在移动端上运行缓慢？
WordPress网站在移动端上可能会显得很慢，原因如下。你会注意到，有些原因是移动端特有的，而另一些则是常见的原因，也适用于你的网站桌面版本。
- WordPress托管速度慢
- 大图未针对移动端查看进行优化
- 智能手机处理器通常CPU架构较弱，速度也比台式机慢
- 针对移动端的CSS规则，包括视口大小、调整图片大小等
- 同时使用太多繁重插件，资源消耗过多
- 滑块、预加载器或动画太多
既然你已经了解了原因，接下来我们开始采取步骤来修复问题，提升移动端的网站速度。
1. 切换到快速主机提供商
选择一个快速的托管服务提供商通常是提升移动设备上WordPress网站速度的最佳方案之一。
你可以按照本节以下列出的任何方案，如果你的WordPress主机服务器达不到标准，移动端速度依然会很差。
所以第一步是确定网站速度慢是否是由主机服务器性能不佳引起的。
一种检测方法是使用测速工具测试你网站的服务器响应时间。
我们测试了数十个托管服务，并发布了几乎所有主流提供商的深度评测。你应该可以在以下文章中找到你的主机服务提供商，并判断是否继续使用他们的服务：
- 10+ 最佳WordPress托管
- 14 个最佳托管服务
- 10大最佳共享主机提供商
看完评论后，如果你决定更换到更好的主机服务商，不妨看看我们关于最快网站托管服务的文章。它涵盖了八家不同的托管公司，配备了技术，帮助你提升网站的移动速度。
另外，考虑更换为专门针对你网站类型的托管方案。例如，WooCommerce 网站规模更大，通常需要更多的处理能力，因此迁移到专门的 WooCommerce 托管计划是更好的选择。
2. 使用适合移动端优化的主题
访问您网站的用户使用的移动设备大小、作系统和制造商各异。你的网站应设计为响应所有移动设备。
通常，WordPress主题的工作是提供响应式设计。这就是为什么你需要仔细选择主题。可能有成千上万个主题可供选择，但并非每个主题都响应迅速且适合移动端观看。
为了帮助用户在移动端上更快地构建网站，我们创建了一个名为Neve的轻量级主题。
3. 优化图像
图片是导致移动端网站变慢的三大因素之一。它们占用服务器空间很大，下载到浏览器上需要时间。
这意味着优化网站图片是提升WordPress移动设备网站速度的最佳方案之一。
幸运的是，有几件事可以减少图片对你网站的负面影响。
- 尽可能使用优化的图像格式，如WebP或Avif。
- 上传前请先减少图片尺寸（了解WordPress图片尺寸)
- 实现懒加载，使图片只在需要时才在浏览器中下载
- 通过CDN提供你的图片，以减轻网站服务器的负载
- 使用优化插件，从图片中削减几千字节
如果你想优化这些，可以用Optimole插件。Optimole 不仅会压缩、调整大小并转换你的图片到最佳格式，还能通过其 CDN 动态提供优化后的图片。
4. 实现缓存
通过WordPress缓存，你可以存储网站的最终HTML版本，而无需强制服务器每次访问都处理PHP。
这意味着服务器可以更快地响应完成页面，从而为所有访客，包括移动设备上的访客，带来更快的加载时间。
你可以通过托管服务提供商或缓存插件实现缓存（我们推荐 Super Page Cache）。如今，许多优质的WordPress主机都提供自己的服务器级缓存解决方案。
你可以问问你的主机提供商是否提供服务器缓存技术，以及你当前的套餐是否包含这项技术。如果他们让你升级套餐以启用缓存，那就考虑添加免费的缓存插件。
5. 优化WordPress代码（JavaScript、CSS和HTML）
就像图片文件过多会拖慢手机加载速度一样，未优化的代码也会拖慢移动访客的速度，尤其是当你的网站大量使用JavaScript时。
这使得优化网站代码成为提升移动设备上WordPress网站速度的又一重要步骤。
您可以通过以下步骤优化网站代码：
- 压缩HTML、CSS和JavaScript，以去除多余的空格、注释和格式
- 结合CSS和JavaScript文件以确保HTTP请求的高效（如果你的主机使用HTTP/2，可以跳过这个作）
- 实现 Gzip 或 Brotli 压缩
- 消除阻碍渲染的资源，如CSS、HTML和JavaScript文件，以强制浏览器延迟渲染内容
要压缩、合并和压缩文件和代码，你需要一个 minify 插件。幸运的是，我们最近在彻底测试后写了一份关于最佳 minify 插件的深入指南。为了消除渲染阻挡代码，我们有单独的教程。
6. 审查并减少繁重插件
虽然没有硬性规定你的网站可以安装多少插件，但安装加载缓慢且资源消耗大的插件肯定会影响网站的移动加载时间。
编码不良的插件会占用服务器过多资源，导致加载速度变慢。我们建议你检查网站上安装的插件，删除那些编码不佳的插件。
为了筛选出糟糕的插件，可以查看WordPress插件仓库中用户留下的评价。看看过去12个月留下的评论，寻找“慢”这个词。
如果它出现在大量评论中，说明插件在某种程度上确实拖慢了你的网站速度。找一个更好的插件替代品，然后把它从你的网站上移除。
不幸的是，诊断加载缓慢的插件是提升WordPress移动端网站速度的技术性方面之一。
不过对于更技术的用户，你也可以用速度测试工具和/或免费插件如Query Monitor来评估插件性能。
7. 启用AMP（可选）
AMP代表加速移动页面（Accelerated Mobile Pages），这是一个由谷歌和推特等行业领导者支持的开源项目。该技术旨在更快地向移动用户展示网页。
当你实施AMP时，它会剥离你的帖子和页面的版本，只为移动访客提供关键内容。这让你的网站变得非常快，但却丢失了许多精心设计的元素。AMP的另一个缺点是AMP网站支持的广告类型有限，而且有些广告也难以实施。
因为它有明显的优缺点，你不应该觉得必须用AMP。然而，AMP是紧急情况下加快网站移动性能的好方法。
