如何增加Shopify网站的加载时间？

Question

我们的客户网站在第一次加载时加载速度确实很慢（页面文档上的TTFB可能为10到20秒）。如果我重新加载页面，该站点的加载速度会大大提高。 这可能是因为缓存了很多文件吗？

网站在这里：https://www.mortels.com.au/

很多页面都会发生这种情况。

我已尝试合并某些.css文件，如果找不到其他内容，将尝试尝试.js文件（我从未构建过原始主题，因此很难弄清楚在哪里和做什么了。没有在Shopify中进行开发的丰富经验。

我也尝试过添加一个lazyloader，但是它似乎不起作用。

有人可以采取任何解决方案来加快网站加载速度吗？仅仅是我们在网站上运行的应用会导致初始响应如此之慢吗？

Answer 1

阻碍网站加载速度的因素之一是，通过Liquid标签发生的逻辑过多。 Shopify必须先解析页面的所有Liquid代码，然后才能为页面提供服务，这直接影响了TTFB

对于TTFB评级不可接受的文件，您可以尝试采取以下措施来帮助Shopify的服务器更快地提供内容：

• 减少查找次数（例如：通过页面上的all_products[handle]
• 尽可能避免嵌套for
• 每当需要创建值数组时，用map替换循环
• 重写大量逻辑部分，使其在Javascript中而不是Liquid中运行（并使用| json过滤器将您的Liquid变量放入Javascript友好版本中）

希望这会有所帮助！