页面速度的改进-DOMContentLoaded与First Content Content Paint

时间:2018-08-17 15:56:18

标签: javascript html performance google-chrome lighthouse

我正在考虑提高页面性能,并且一直在使用Lighthouse插件提出改进建议。

最高建议之一是消除渲染阻止资源。因此,我将JavaScript包含移动到了</body>标签的上方。

执行此操作时,我会看到性能等级提高,并且 First Contentful Paint 指标在时间上减少了。

之前 Before

之后 After

但是,如果我查看Chrome的“网络”标签和 DOMContentLoaded 指标,它实际上会变慢。

之前 Before

之后 After

这里有两个问题:

  1. 在Google眼中哪个优先级更高?通过Lighthouse或DOMContentLoaded指标生成的性能数字?
  2. 在遵循Lighthouses建议删除DOM阻止Javascript的底部之后,为什么DOMContentLoaded变慢?

0 个答案:

没有答案