Shopify店铺速度优化
Speed Optimization of Shopify Store
我需要帮助优化我的 shopify 商店的速度。它加载正常,但如果我检查 Google Pagespeed,移动设备的统计数据为 64 / 100,桌面设备为 79 / 100。我压缩了一些图像,将它们上传到资产,但它仍然选择缓存的版本。我尝试缩小 CSS 但没有成功。商店 link 是 https://crown-and-clutch.myshopify.com/
1) 如何刷新 shopify 缓存以获取最新更改?
2) 我究竟该怎么做才能提高 google 页面速度得分?
谢谢。
你的分数太慷慨了。桌面版 79,考虑到页面设计的糟糕程度,太高了。
创建一页共145个文件。
浏览器需要 9 秒才能呈现所有这些废话。
您最大的问题是 45 个文件中 JavaScript 的 1,114,524 字节。
JavaScript 被压缩意味着可能有两倍多的字节。 FireFox 说 3,700,000+ 字节的 JS
可能需要 JavaScript 的 none。例如 google 地图 JS 正在加载。但是页面上没有地图。
你的服务器的传输速度和配置没问题。
这只是一个可怕的设计。
只是不要让这 79% 让您相信您的网站速度还过得去。
由于页面加载缓慢且混乱,您正在流失大量访问者。如果你只损失 10%,那你就走运了。
我可以继续,但这是一个旧的 post,我不确定你是否会看到这个。
没有技术原因无法将此页面设计为加载时间少于 1 秒并获得 99% 的分数。
CSS 不好,10 个文件中有 70,228 字节。大多数没用过。和 669 错误
我同意@Misunderstood 删除未使用的 CSS 和 JS Cod 的观点,它会改善加载,但您也可以实施其他一些方法来改善加载,特别是在移动驱动器上,例如:
- 制作响应式图片
- 压缩图像
- 预加载 Web 字体、JS 和 CSS
- 使渲染阻塞资源异步加载
- 将所有JS合并到一个文件中并缩小它以减少请求数和页面大小
- 加载仅通过实现延迟加载技术可见
我写了一篇关于如何在您的 Shopify 主题中实施此技术的指南
我需要帮助优化我的 shopify 商店的速度。它加载正常,但如果我检查 Google Pagespeed,移动设备的统计数据为 64 / 100,桌面设备为 79 / 100。我压缩了一些图像,将它们上传到资产,但它仍然选择缓存的版本。我尝试缩小 CSS 但没有成功。商店 link 是 https://crown-and-clutch.myshopify.com/
1) 如何刷新 shopify 缓存以获取最新更改?
2) 我究竟该怎么做才能提高 google 页面速度得分?
谢谢。
你的分数太慷慨了。桌面版 79,考虑到页面设计的糟糕程度,太高了。
创建一页共145个文件。
浏览器需要 9 秒才能呈现所有这些废话。
您最大的问题是 45 个文件中 JavaScript 的 1,114,524 字节。
JavaScript 被压缩意味着可能有两倍多的字节。 FireFox 说 3,700,000+ 字节的 JS
可能需要 JavaScript 的 none。例如 google 地图 JS 正在加载。但是页面上没有地图。
你的服务器的传输速度和配置没问题。
这只是一个可怕的设计。
只是不要让这 79% 让您相信您的网站速度还过得去。
由于页面加载缓慢且混乱,您正在流失大量访问者。如果你只损失 10%,那你就走运了。
我可以继续,但这是一个旧的 post,我不确定你是否会看到这个。
没有技术原因无法将此页面设计为加载时间少于 1 秒并获得 99% 的分数。
CSS 不好,10 个文件中有 70,228 字节。大多数没用过。和 669 错误
我同意@Misunderstood 删除未使用的 CSS 和 JS Cod 的观点,它会改善加载,但您也可以实施其他一些方法来改善加载,特别是在移动驱动器上,例如:
- 制作响应式图片
- 压缩图像
- 预加载 Web 字体、JS 和 CSS
- 使渲染阻塞资源异步加载
- 将所有JS合并到一个文件中并缩小它以减少请求数和页面大小
- 加载仅通过实现延迟加载技术可见
我写了一篇关于如何在您的 Shopify 主题中实施此技术的指南