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

时间:2018-08-07 01:10:35

标签: performance shopify pagespeed gtmetrix

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

GTmetrix 23.1sGTmetrix 6.4s

在其他工具中也得到了一些不同的结果(我知道它在某些工具之间可能有所不同(一个检查全部加载时间,其他检查初始加载时间等),但是如果有帮助,我将在下面保留链接):< / p>

Pingdom Webpagespeed

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

我非常感谢您的帮助 预先感谢

1 个答案:

答案 0 :(得分:0)

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

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

如果您的Assets文件夹中的rt.application.scss(或rt.application.scss.liquid)文件很大,则您可能需要尝试提高效率(请注意:“资产”中的文件将不包含{{ 1}}结尾。如果文件结尾为.css,则表示Shopify生成文件时需要解析临时代码,但.liquid将不包含在最终文件名中)。

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

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

更一般而言,当查看GT Metrix结果时,可以使用瀑布视图查找任何加载条,这些加载条与其他文件相比看起来过长。等待时间长的文件(编码为紫色)表明Shopify是造成延迟的原因,这可能是因为文件占用大量服务器资源。较长的接收时间意味着该文件本身很大,可能会被压缩或缩小。

希望这会有所帮助!