性能指标
本话题发布性能指标相关的问答文章和技术分享，将持续更新，为您推荐了8篇问答，访问即可查看更多精彩内容。
-
1
回答
10浏览
Speed Index分数高但用户感知加载慢，如何优化？
我在优化电商商品页时，通过压缩图片和合并CSS把Speed Index从6.8秒降到4.2秒，但用户反馈详情图还是卡顿加载。Lighthouse报告显示视觉完成时间4.8秒，但实际打开页面时商品主图要...
-
2
回答
43浏览
LCP超过性能预算但页面加载快，怎么判断是否达标？
最近给项目设置了性能预算，LCP阈值设为2.5秒。但实际测试时LCP显示3.2秒，页面却感觉加载挺快的，关键内容都出来了。我调整了图片懒加载和代码分割，但LCP还是超了。这说明我的预算设置有问题吗？ ...
-
2
回答
18浏览
Vue按钮点击后FID飙升，怎么优化都没用？
大家好，我在做一个Vue项目，有个按钮点击后FID指标突然飙升到几百毫秒，用户抱怨操作有延迟。我尝试给事件加了防抖和把计算逻辑抽离到watch里，但效果不大： 处理数据 export default ...
-
2
回答
68浏览
为什么我的页面用了懒加载图片，Performance Score还是低？
最近在优化一个产品展示页，里面有很多大图。我给所有图片加了loading="lazy"属性，还用了Intersection Observer手动优化，但Lighthouse测出来的Performanc...
-
2
回答
43浏览
为什么我的网页LCP和FID评分总是不达标？
最近在优化项目Web Vitals，用了懒加载和代码分割，但LCP还是超过4秒，FID也经常低于100ms。明明已经把大图都换成webp格式了，loading="lazy"也加了，这是怎么回事？ 用L...
-
2
回答
48浏览
为什么我的React组件在频繁更新时性能报告显示LCP和FID变差？
我在开发一个实时数据看板，父组件每秒接收新数据并重新渲染。使用React.memo包裹子组件后，性能报告里LCP从2.3s恶化到4.1s，FID也从50ms变成300ms。明明用了memo，为什么性能...
-
2
回答
31浏览
为什么LCP值在监控工具和手动测试时差距这么大？
最近给项目加了Web Vitals监控，发现LCP值经常显示在5秒以上，但用Lighthouse测试明明只有2秒多，手动F12模拟3G网络也能达标。 尝试过把大图换成webp格式，给所有图片加了懒加载...
-
2
回答
83浏览
为什么我的Vue页面TTI指标这么高？优化后没明显改善？
我最近在优化一个Vue页面的性能，发现TTI指标一直卡在8秒以上。我尝试用了懒加载组件和代码分割，但测试下来TTI还是没降下来。这是我的页面组件代码： {{ largeData }} export d...
