Lighthouse 的 Speed Index 到底怎么算的？为什么优化后反而变差了？
我最近在优化一个电商首页，用 Lighthouse 测速时发现 Speed Index 一直卡在 4s 多。明明我已经做了懒加载、压缩图片、移除阻塞资源这些操作，但跑完 Lighthouse 后 Speed Index 反而从 3.8s 涨到了 4.5s，完全搞不懂哪里出问题了。
我检查过网络面板，FCP 和 LCP 都变快了，但 Speed Index 却更差。是不是我理解错了这个指标？它到底衡量的是什么？有没有可能某些“优化”实际上让视觉填充过程变得更不均匀？
比如我用了 loading="lazy" 加载商品图，会不会因为图片加载太分散，导致页面视觉进度看起来更慢？
- 2
回答
36浏览
Speed Index分数高但用户感知加载慢，如何优化？
我在优化电商商品页时，通过压缩图片和合并CSS把Speed Index从6.8秒降到4.2秒，但用户反馈详情图还是卡顿加载。Lighthouse报告显示视觉完成时间4.8秒，但实际打开页面时商品主图要...
- 1
回答
91浏览
Lighthouse 性能报告里的 TTI 和 FCP 到底怎么优化？
我用 Lighthouse 跑了个性能测试，发现 TTI（可交互时间）和 FCP（首次内容绘制）得分特别低，页面明明看起来加载挺快的啊？ 我已经把关键 CSS 内联了，JS 也加了 async，但还是...
- 2
回答
38浏览
为什么优化了代码后Lighthouse的TTI指标还是卡在11秒以上？
我在优化一个单页应用时，Lighthouse的TTI一直显示11秒多，明明把JS拆分成了动态导入，还压缩了图片。但测试报告里显示"largest-contentful-paint"还是在首屏阻塞渲染，...
- 2
回答
154浏览
为什么在Lighthouse测试中首屏加载时间反而变长了？
最近在给项目做性能优化，把公共代码抽离成vendor chunk，还给图片加了懒加载，但Lighthouse测出来的首屏时间反而从2秒变成3秒了。明明控制台Network里总下载量少了200kb，这是...
- 1
回答
79浏览
PWA在Lighthouse中总是拿不到100分，离线功能到底怎么配？
我用Workbox生成了service worker，本地测试离线也能加载页面，但Lighthouse评分里“Offline support”这一项还是不通过，提示“Does not register...
- 2
回答
78浏览
Lighthouse 报告中 TBT 过高怎么优化？
我用 Lighthouse 测了一个 React 页面，TBT（Total Blocking Time）高达 400ms，明明页面看起来挺流畅的，不知道哪里卡住了。试过把一些 useEffect 拆成...
- 2
回答
31浏览
Lighthouse 报告中 FCP 时间过长，怎么优化？
我用 Lighthouse 测了一个页面，FCP（First Contentful Paint）居然要 4 秒多，明明首页就加载了一张 logo 图和一点文字，按理说不应该这么慢啊。 我试过把关键 C...
- 2
回答
69浏览
Lighthouse SEO检测中，为什么所有文本必须可访问才能通过？
在优化项目SEO时，Lighthouse报「确保所有文本都是可访问的」错误，但我的页面文本都正常显示。我检查了的alt属性和ARIA标签都没问题，这是怎么回事？ 尝试过把文字改成包裹并加aria-la...
- 2
回答
94浏览
Lighthouse性能评分优化后反而下降了，哪里出问题？
我给网站压缩了图片，移除了没用的JS代码，按理说性能应该更好，但Lighthouse评分从85直接掉到72，这是为啥？ 之前优化时做了这些：img标签加了loading="lazy"，把多个CSS文件...
- 2
回答
54浏览
Lighthouse提示”优化流程”分数低，动态加载的JS脚本还是导致阻塞渲染怎么办？
我在React项目里用useEffect动态加载第三方统计脚本，虽然用了defer属性，但Lighthouse还是显示这个标签造成了渲染阻塞。代码是这样的： useEffect(() => { ...
解决方案：关键内容同步加载，非核心内容再懒加载。比如首屏商品图别用懒加载：