我正在考虑提高页面性能,并且一直在使用 Lighthouse 插件来提出改进建议。
最高的建议之一是消除渲染阻塞资源。</body>
所以我将我的 JavaScript 包含移到了标签的正上方。
当我这样做时,我看到性能评级上升,并且First Contentful Paint指标及时减少。
但是,如果我查看 chromes 网络选项卡和DOMContentLoaded指标,它实际上会变慢。
所以这里有两个问题:
- 在 Google 眼中,哪个优先级更高?Lighthouse 或 DOMContentLoaded 指标生成的性能数字?
- 为什么在遵循 Lighthouses 将 DOM 阻塞 Javascript 移除到底部的建议后,DOMContentLoaded 会变慢?