PageSpeed Insights：资源延迟后显示“正在阻止”

如何解决PageSpeed Insights：资源延迟后显示“正在阻止”

我正在PageSpeed Insights中研究“ 减少第三方代码的影响”。最大的违规者是LiveChat，因此我将其移至GTM中，并在页面加载后将其触发条件设置为0.5s，从而推迟了该操作。网络面板和waterfall chart on GTMetrix显示LiveChat已推迟。但是，当我在PageSpeed Insights上进行测试时，它显示LiveChat is blocking the main thread的时间为222毫秒（台式机）和1,410毫秒（移动版）。

有人对为什么会这样有任何见解吗？预先感谢。

解决方法

瀑布图对于识别阻塞主线程的项目没有帮助，它用于显示网络活动。

主线程与 CPU处理时间有关。

在页面速度分析中，它侦听“ CPU安静”的时间以了解页面何时完成其初始呈现（这与下载内容时不同，仍然需要解析和执行JavaScript） ）。

此诊断项目适用于JavaScript重载页面，因为这可能会提高性能（因为移动CPU的速度比台式机要慢得多，并且许多JS在解析和执行时会引起明显的延迟和停顿）。

令人怀疑的是，您能否对脚本的效率或有效负载权重等做很多事情。您几乎无能为力（可以将脚本延迟3秒而不是0.5秒，以确保所有关键JS。已执行，或者，如果您想最大程度地减少潜在的冗余代码，则可以将整个LiveChat初始化加载到按钮单击事件中。

您必须记住，这位于“诊断”部分下，因此它不会直接影响您的得分，它可以帮助您识别得分较低的症状（主要是“互动时间”和“总阻止时间”指标。）

如果您的得分高于90/100，并且仍想提高速度得分，那么就值得您探索替代方法或对脚本等进行有条件的加载等。如我之前提到的，基于单击按钮，如果您的得分低于90/100将有其他更轻松的改进机会。