我正试图在google pagespeed见解中获得更高的分数。
以下是集合页面的示例：
https://ezpet.net/collections/cat-toys
以下是其google pagespeed见解的链接：
它首先说的是我应该优化缩略图，因为它们的尺寸非常大。当我打开页面代码时，我注意到所有缩略图都有“大”参数，如下所示：
// cdn.shopify.com/s/files/1/1520/1022/products/cat-toys-catit-style-scratcher-with-catnip-1_large.jpg?v = 1478120415
所以也许在某个地方有一个选项可以通过将这个参数“大”改为像“中等”或类似的东西来缩小这些图像。在collection.liquid模板中没有找到任何与之相关的内容（我猜这是负责收集页面外观的模板）
任何帮助表示赞赏！
答案 0 :(得分：0)
图像本身可能不在collection.liquid内部
不同的主题有不同的地方，但通常你会找到
- 包括/产物并网item.liquid
或者它可能被称为product-loop.liquid无论如何看看包含文件夹中的某些名称
在该文件中，您将要查找此
<img src="{{ product.featured_image.src | img_url: 'large' }}" alt="{{ product.featured_image.alt | escape }}">
你需要chage＆＃39; large＆＃39;到'＆＃39;媒体＆＃39;管他呢。
Shopify上真棒的开发者现在实际上给了我们一个新的img尺寸标签，如果你有勇气可以使用它来缩小图像尺寸，绝对是完美的！
在此处阅读https://help.shopify.com/themes/liquid/filters/url-filters#img_url
答案 1 :(得分：0)
好的，对于那些可能正在寻找此问题答案的人，您需要转到Shopify帐户＆gt;在线商店＆gt;主题＆gt;编辑HTML / CSS＆gt;小片＆gt;产品网item.liquid 在那里你需要找到这一行：
<img src="{{ product.featured_image.src | img_url: 'large' }}" alt="{{ product.featured_image.alt | escape }}">
并将img_url : 'large'更改为img_url : 'medium'
这将使Google PlageSpeed Insights对收集页面图片大小感到满意。此外，它可能会使这些页面加载速度更快，但我没有注意到它们的区别。