Shopify商店的速度优化

Question

我需要帮助优化shopify商店的速度。它载入很好但是如果我在Google Pagespeed中检查移动设备的统计数据是64/100，桌面设备的数据是79/100。我压缩了一些图像，将它们上传到资产但仍然可以获取缓存版本。我尝试缩小CSS但没有运气。存储链接是https://crown-and-clutch.myshopify.com/ 1）如何刷新shopify缓存以获取最新更改？ 2）我可以做些什么来提高谷歌页面速度得分？

谢谢。

Answer 1

你的分数太慷慨了。 79用于桌面，考虑到页面设计的糟糕程度，太高了。

创建一个页面的总共145个文件。 它需要浏览器9秒才能呈现所有废话。

您最大的问题是45个文件中的1,114,524字节的JavaScript。 JavaScript被压缩意味着可能有两倍多的字节。 FireFox说3,700,000+字节的JS 可能不需要JavaScript。例如谷歌地图JS正在加载。然而，页面上没有地图。

您的服务器的传输速度和配置是可以的。

这只是一个可怕的设计。

只是不要让79％让你相信你的网站速度是可以通过的。

由于页面加载缓慢和混乱，您正在失去很多访问者。如果你只失去10％，那你就很幸运。

我可以继续，但这是一个老帖子，我不确定你会看到这个。

没有技术原因这个页面不能设计为在不到一秒的时间内加载并获得99％的分数。

CSS不好，10个文件中有70,228个字节。大部分都没用过。和669个错误

Answer 2

我同意你@Misunderstood删除未使用的CSS和JS Cod它会改善加载，但你也可以实现其他一些来改善你的加载，特别是在移动驱动器上，如：

• 制作响应式图像
• 压缩图像
• 预加载Web字体，JS和CSS
• 使渲染阻止资源异步加载
• 将所有JS合并到一个文件中并缩小它以减少请求数和页面大小
• 通过实现延迟加载技术仅加载可见

我写了一篇关于如何在Shopify主题中实现这种技术的指南

Shopify Speed Optimization — Step-by-Step Guide