Google Chrome Lighthouse的性能得分为0

Question

在Google Chrome Lighthouse中，我的最佳做法得分为75，搜索引擎优化得分为90，但我的绩效得分为0。

我不断收到有关我的＆＃34; First Meaningful Paint＆＃34;最多需要43秒！

我一直在阅读here和here。 并试图解构造成这种情况的原因。我几乎完成了报告推荐的所有内容，我可以考虑提高性能：

• 缩小JS / CSS
• 捆绑JS
• 懒加载图片
• 排除第三方社交脚本
• gzip页面
• 减少渲染阻止CSS / JS

我在匿名浏览会话中运行测试，但没有激活扩展。但在本报告中我的表现仍为0！

我正在测试的页面是here。 我还能做些什么来解决这个问题？

Answer 1

在分析了您的网页后，我将采取以下步骤。

1. 在字体CSS链接（https://developers.google.com/web/updates/2016/03/link-rel-preload）
上添加rel=preload属性
2. 使用下一代图片格式，例如webp和jpeg-xr（如果您不想推送自己的服务器，可以尝试https://cloudinary.com/）
3. 将CSS折叠到头部上方并推迟加载外部CSS文件（https://jonassebastianohlsson.com/criticalpathcssgenerator/）
4. 将图片资源的CacheControl TTL增加到30天（目前有7天）（https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching）

通过这样做，您的得分和感知页面加载速度将大幅提升。