0

在 Google Chrome Lighthouse 中，我的最佳实践得分为 75，SEO 得分为 90，但我的性能得分为 0。

我不断收到通知说我的“第一次有意义的绘画”最多需要 43 秒！

我一直在这里和这里阅读。并试图解构造成这种情况的原因。我已经完成了报告推荐的几乎所有事情，并且我可以想到提高性能：

  • 缩小 JS/CSS
  • 捆绑JS
  • 延迟加载图像
  • 排除第 3 方社交脚本
  • gzip 页面
  • 减少渲染阻塞 CSS/JS

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

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

4

1 回答 1

2

分析您的页面后，以下是我将采取的步骤。

  1. rel=preload在字体 CSS 链接上添加一个属性（ https://developers.google.com/web/updates/2016/03/link-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）

通过这样做，您的得分和感知页面加载速度将显着提高。

于 2018-05-10T12:26:02.363 回答