JS网站的GTmetrix瀑布无序优化（Angular）答案

【问题标题】：GTmetrix waterfall disorder optimization for JS website (Angular)JS网站的GTmetrix瀑布无序优化（Angular）
【发布时间】：2019-08-20 11:35:48
【问题描述】：

我正在使用 GTmetrix 来检查我的网站性能，并按照 GTMetrix 的建议进行了很多更改。

现在卡在某个地方了，附上截图供参考。

我无法理解为什么 GTMetrix 的瀑布是无序的（为什么不是所有的调用都在线）。此外，还有很多 URL 被调用，而这些 URL 在代码库中不存在，例如 tr.snapchat.com 等。有人可以指出我怎样才能避免这些调用或优化或调试它吗？

【问题讨论】：

【解决方案1】：

我无法理解为什么 GTMetrix 的瀑布是无序的（为什么不是所有的调用都在线）。

那是因为你没有使用 http2 协议。在服务器上启用 http2 以并行获取结果并获得一些负载改进。

此外，还有很多 URL 被调用，但在 tr.snapchat.com 等代码库中不存在。有人可以指出如何避免这些调用或优化或调试它吗？

这些请求来自您正在使用的第 3 方脚本。例如。 hotjar、fbpixel 等。

向那些脚本加载添加异步管道以获得一些负载改进。

【讨论】：

嘿，我已经在使用异步管道了。但是我没有为 Snapchat 添加任何 3rd 方脚本，我仍然可以看到来自 snapchat 的请求，为什么会这样？我会检查一下http2。
您无法真正优化这些请求，因为这些请求来自您正在使用的第 3 方库，并且正在触发该请求......所以没有意义。
ok，看完后发现 HTTP2 的第一次绘制比使用 HTTPS 的要低一些，也没有什么缺点，性能提升可以忽略不计。
这真的取决于很多因素，如果它会提高你的表现。你必须找到最好的方法。我刚刚回答了你的问题。