一个慢的网站会悄悄地流失访客。页面迟迟打不开，人们就会离开；点按钮没反应，会让人烦躁；内容在加载时跳来跳去，会让人失去信任。速度还会影响搜索引擎对网站的评价。好消息是，大多数速度问题都来自少数几个常见原因，而且很多都不难解决。

「快」到底指什么

速度并不是一个单一的数字。一个页面可能在三个不同的方面让人觉得慢，Google 用三项被称为核心网页指标（Core Web Vitals）的指标来分别衡量：

1. 主要内容多快出现

最大内容绘制（LCP） 衡量页面上最大的可见元素（通常是首图或大标题）需要多长时间才显示出来。Google 认为 2.5 秒以内 为良好。

2. 页面对操作的响应有多快

下次绘制交互（INP） 衡量用户点击、触摸或输入后，页面需要多长时间才有可见的响应。Google 认为 200 毫秒以内 为良好。

3. 布局有多稳定

累积布局偏移（CLS） 衡量页面加载时内容跳动的程度，比如你正要点一个链接，一张图片突然加载出来，把文字挤了下去。Google 认为 0.1 以下 为良好。

如何检查你的网站

  • PageSpeed Insights（pagespeed.web.dev）：输入网址，就能看到手机端和电脑端的评分，以及优化建议。
  • Google Search Console： 其中的「核心网页指标」报告，会根据真实访客的数据，告诉你哪些页面需要改进。
  • 你自己的手机： 关掉公司 Wi-Fi，用手机流量打开网站。很多访客就是这样访问的。

一定要先看手机端。手机端通常更慢，而且很多人第一次访问就是用手机。

最常见的原因和解决方法

图片太大

图片是导致页面变慢最常见的原因。

  • 把图片尺寸调整到实际显示的大小。
  • 使用 WebP 或 AVIF 等现代图片格式。
  • 首屏以下的图片，等访客滚动到那里时再加载（懒加载）。
  • 始终写明图片的宽高，避免图片加载时导致布局跳动。

JavaScript 太多

过重的脚本会同时拖慢加载速度和响应速度。

  • 删掉不再使用的插件、小组件和统计代码。
  • 非必要的脚本，等主要内容加载完再加载。
  • 谨慎添加在线客服插件、弹窗和第三方嵌入内容，每一个都会增加负担。

服务器慢或没有缓存

  • 使用内容分发网络（CDN），让页面从离访客最近的节点发送。
  • 确保静态文件能被浏览器缓存。
  • 对于简单的企业宣传网站，可以考虑静态托管：页面提前生成好，每次访问都直接发送，不需要临时计算。

字体

  • 减少字体种类和字重的数量。
  • 使用能让文字立刻显示的字体设置，而不是等字体加载完才显示文字。

后加载的元素导致布局跳动

  • 为图片、视频和广告预留好位置。
  • 页面加载完成后，不要在已有内容上方再插入横幅或通知。

速度与转化

速度不只是一个技术指标。等待时间越短，访客越愿意阅读、浏览并联系你。对企业官网来说，更快的网站往往意味着：同样的流量，能带来更多咨询，而不需要多花营销预算。

一个简单的优化计划

  1. 用 PageSpeed Insights 测试最重要的五个页面的手机端表现。
  2. 先优化图片，这通常是收益最大、也最容易的一步。
  3. 删除不需要的脚本和插件。
  4. 确认服务器使用了 CDN 和缓存。
  5. 重新测试，之后每月或每次大改版后再测一次。

如果你的网站感觉很慢或者评分不高，我们很乐意帮你看看，找出最能见效的优化方向。