GTmetrix 测试中页面加载时间的差异

Discrepancy in page load time on GTmetrix tests

我的网站测试加载时间存在很大差异,有时它说完全加载需要 5 秒,如果我重新测试它说加载需要 25 秒。我在测试时没有对网站进行任何更改。

GTmetrix 23.1s, GTmetrix 6.4s

在其他工具中也得到了一些不同的结果(我知道它可能因某些工具而异(一个检查完全加载时间,其他检查初始加载时间等)但我会留下下面的链接以防它有帮助) :

Pingdom Webpagespeed

本质上,由于我不是分析来自 gtmetrx 的这些数据和见解的专家,我想知道为什么这种差异会发生在 GTmetrix 上,因为我没有在网站或测试参数中进行更改。有时我在浏览器中重新加载网站时也会注意到这种加载时间差异。我的网站有什么问题?有没有我看不到的 "corrupted" 文件或请求?

感谢任何形式的帮助 提前致谢

查看您共享的两个 GT Metrix 存档的瀑布选项卡,我注意到的第一个重大差异是文件 rt.application.scss.css - 在缓慢加载时,该文件是 waiting大约 6.5 秒

Shopify 将 .scss 文件解析为常规 .css 文件,因此我最初怀疑文件设置效率低下,并且 Shopify 将结果缓存了一段时间。快速加载是 Shopify 为您提供缓存文件,慢速加载是 Shopify 需要重建文件,因为其内部缓存已过期。

如果您的 assets 文件夹中的 rt.application.scss(或 rt.application.scss.liquid)文件很大,您可能想尝试提高它的效率(注意:'Assets' 中的文件不会包括 .css 结尾。如果文件有 .liquid 结尾,这意味着 Shopify 在构建文件时需要解析液体代码,但 .liquid 不会包含在最终文件名中) .

Shopify 的解析器需要应用任何流动代码(如果文件有 .liquid 结尾),然后从 .scss 格式转换为常规 .css 代码。如果您习惯于使用这两种语法中的一种或两种,您可以尝试缩减文件以查看是否有帮助。

您还可以查看已解析的 css 文件 (https://cdn.shopify.com/s/files/1/0076/6931/7690/t/10/assets/rt.application.scss.css?8094593948347511375) 的内容并将该文件的内容保存到单独的 CSS 文件,然后使用该文件而不是动态的。如果这确实是罪魁祸首,您应该会看到您的页面测试时间变得更加一致。

更一般地说,当查看您的 GT Metrix 结果时,您可以使用瀑布视图来查找与其他文件相比看起来过长的任何加载栏。等待时间较长的文件(编码为紫色)表明 Shopify 是延迟的根源,可能是因为文件相当占用服务器资源。接收时间长意味着文件本身非常大,可以压缩或减少。

希望对您有所帮助!