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

Question

在我的网站测试中，我面临着加载时间上的巨大差异，有时它说需要5秒才能完全加载，如果我重新测试它，它需要25秒才能加载。在测试过程中，我没有在网站上做任何修改。

GTmetrix 23.1s，GTmetrix 6.4s

在其他工具中也得到了一些不同的结果(我知道不同的工具可能会有所不同(一种检查完全加载时间，另一些检查初始加载时间等)，但我会留下下面的链接，以防有帮助)：

Pingdom Webpagespeed

从本质上讲，由于我不是分析gtmetrx的数据和见解的专家，我想知道为什么这种差异会发生在GTmetrix上，因为我不会在网站或测试参数中进行更改。有时，在浏览器中重新加载网站时，我也会注意到这种加载时间差。我的网站怎么了？有没有什么“损坏”的文件或请求是我看不到的？

我很感谢任何形式的帮助，提前谢谢

Answer 1

查看您共享的两个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是延迟的来源，可能是因为文件是相当密集的服务器。长的接收时间将意味着文件本身非常大，并且可能被压缩或减少。

希望这能有所帮助！