为什么您的网站在手机上很慢，以及如何解决
图片、字体和第三方脚本：常见的元凶，以及我们如何驯服它们。
在办公室笔记本电脑上感觉很快的网站，在使用移动数据的手机上可能慢如蜗牛。原因通常有三个。
手机网站速度比大多数团队想象的更重要：在印尼，大多数访客用手机访问，往往还是移动网络，页面迟迟显示不出有用内容，很多人就会离开。好消息是，原因通常都一样，修复方法也一样。
图片太大
相机直出的照片可能有好几 MB。按显示宽度缩放并保存为 WebP 后，通常只剩一小部分，而且看不出差别。
另外两个习惯也有帮助。首屏以下的图片等访客滚动到附近时再加载（懒加载），并在代码中为每张图片写明宽度和高度，这样图片出现时页面就不会跳动。
字体太多
每种字重和样式都是一次单独的下载。两个字体家族、各配几种字重，通常就足够一个品牌使用。
加载字体时，让文字先用备用字体立即显示，等品牌字体加载好再切换，而不是一直看不见。web.dev 的字体最佳实践指南介绍了细节，我们关于为两种语言挑选字体的文章则讲了如何选得更少、更好。
来自其他服务的脚本
聊天插件、追踪代码和嵌入内容都会加载各自的代码。只保留真正用到的，在页面加载后再加载它们，其余的删掉。
典型的罪魁祸首，是一个多年来陆续装上了跟踪代码、聊天小工具、弹窗工具和社交动态的网站。每一个加进来的时候看起来都不大，加在一起，加载时间可能比页面本身还长。
在真实手机上、用移动数据测试，而不只是在办公室的 Wi-Fi 上。
如何衡量手机网站速度
从 Google 免费的 PageSpeed Insights 开始。输入网址，查看移动设备标签。如果您的网站访客足够多，顶部会显示来自 Chrome 用户的真实数据；下面是实验室测试，并列出需要修复的项目。
真实数据指标就是 Google 的 Core Web Vitals：
- Largest Contentful Paint：主要内容出现需要多久。目标是 2.5 秒或更短。
- Interaction to Next Paint：页面对点击的响应有多快。目标是 200 毫秒或更短。
- Cumulative Layout Shift：加载时页面跳动的程度。目标是 0.1 或更低。
不要追求完美的实验室分数。对真实访客来说感觉很快、并通过这三项的页面，就已经尽到了职责。
主机与缓存
再轻的页面，放在慢服务器上也会慢。靠近访客的优质主机，加上页面缓存和用于图片与文件的内容分发网络，可以缩短开始加载前的等待。对 WordPress 网站来说，正确配置的缓存插件往往是最大的一项改进。
慢网站的快速改进计划
- 用 PageSpeed Insights 测试首页和访问量最高的页面，选择移动设备。
- 调整并转换最大的那些图片。仅这一步往往就能修好最差的页面。
- 列出所有第三方脚本，删掉没人用的。
- 把字体精简到真正需要的字重。
- 检查主机和缓存，然后在真实手机上再测试一次。
常见问题
手机网站速度会影响 Google 排名吗？
会，作为页面体验的一部分，不过有用的内容更重要。速度对访客最重要：慢的页面会在人们读到第一个字之前就把他们流失。我们关于新网站的 SEO 基础的文章把它放在整体中来看。
为什么我的网站在电脑上很快，在手机上却很慢？
手机的处理器更慢，网络往往也更慢。加载大量代码或大图的页面，在用办公室 wifi 的笔记本上感觉很流畅，在用移动数据的中端手机上就会很慢。
换个新主题能解决吗？
有时可以，但如果新主题一样臃肿就不行。只包含网站所需功能的精简定制主题，通常比开启了所有功能的多用途主题更快。
保持网站快速是日常维护的一部分，包括更新、检查图片和清理旧脚本。这正是我们的网站维护所涵盖的，而我们的网站开发服务从一开始就把手机端速度考虑在内。