为什么网站速度慢？ 怎么检测和修复关键性能问题？

先说一个真实情况，很多朋友觉得自己网站打开不慢，但其实只是你的网络环境好，或者浏览器有缓存。用户那边可能完全是另一回事。

今天聊的就是怎么找出那些真正拖慢网站的问题，以及能立刻动手去改的具体方法。

第一步：先搞清楚到底有多慢

别凭感觉，用工具看数据。我常用的几个免费工具是这些：

*PageSpeed Insights：谷歌官方的，给分也给具体建议，分移动端和桌面端。

*WebPageTest：这个更强大，可以选测试地点、网络类型（比如模拟3G），还能看加载视频。

*Chrome DevTools：浏览器自带的，按F12，用 Lighthouse 和 Network 面板。

重点看这几个指标，现在谷歌排序很看重它们：

*LCP：最大内容绘制。简单说，主内容（比如文章标题图）什么时候显示出来。最好在2.5秒内。

*FID：首次输入延迟。用户第一次点按钮或链接，到浏览器有反应的时间。要小于100毫秒。

*CLS：累积布局偏移。页面加载时元素突然移位吗？比如正要点按钮，它突然往下跳了。这个值要小于0.1。

光看总分没用，一定要点开“机会”和“诊断”部分，里面会列出可优化的具体项目。

第二步：最常见的原因和解决办法

问题通常出在图片、代码、服务器这几个地方。

1. 图片太大，这是头号杀手

很多人直接把手机拍的原图传上去，一张图好几MB。

• 压缩是必须的。 用 为什么修复网站