【问题标题】:Discrepancy in page load time on GTmetrix testsGTmetrix 测试的页面加载时间差异
【发布时间】:2018-08-07 01:10:35
【问题描述】:

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

GTmetrix 23.1s, GTmetrix 6.4s

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

Pingdom Webpagespeed

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

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

【问题讨论】:

    标签: performance shopify pagespeed gtmetrix


    【解决方案1】:

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

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

    如果您的资产文件夹中的rt.application.scss(或rt.application.scss.liquid)文件很大,您可能需要尝试提高效率(注意:“资产”中的文件不会包含.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 是延迟的来源,可能是因为文件相当服务器密集。接收时间长意味着文件本身非常大,可能会被压缩或缩小。

    希望这会有所帮助!

    【讨论】:

    • 嘿,戴夫!非常感谢!确实澄清了很多。我相信对我来说最好的是第二种选择,使用 .css 文件而不是动态的 .scss.liquid。但我没有在主题文件中找到链接:rt.application.scss.liquid,以便我可以将其删除并将其与 css 文件一起放置。我查看了theme.liquid 和其他文件,但没有。你有提示吗?
    • 大多数主题将其核心 javascript 和 css 文件放在 layouts/theme.liquid 文件中。如果您的主题没有这样做,您可以尝试在 theme.liquid 文件中搜索关键字 include,该关键字用于引用主题的 snippets 文件夹中的文件。 rt.application.scss.liquid 文件将在您的 assets 文件夹中找到,您还需要在 assets 文件夹中进行编译替换。希望对您有所帮助 - 如果我能做的更多,请告诉我:)
    • 谢谢戴夫。我刚刚找到并更换了。我可以看到我的结果现在没有太大的差异,但是要完全改善我的 wensite,还有很多工作要做。您似乎是 shopify 方面的专家,如果这对您有意义,我想与您保持联系,甚至雇用您。我试图查看您的个人资料页面以查找一些联系人,但没有成功。有什么可以联系你的吗?
    猜你喜欢
    • 1970-01-01
    • 2016-03-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多