我正試圖在谷歌pagespeed的見解中取得更高的分數。Shopify。如何使收集頁縮略圖的大小更小（kB）。經典主題
下面是一個集合頁面的例子：
https://ezpet.net/collections/cat-toys
下面是它的谷歌PageSpeed Insights的鏈接：
它說的第一件事是，我應該優化縮略圖作爲它們的尺寸非常大。當我打開頁面代碼時，我注意到所有縮略圖都有「大」參數，如下所示：
//cdn.shopify.com/s/files/1/1520/1022/products/cat-toys-catit-風格餅刷與 - 薄荷-1_ 大 .JPG？v = 1478120415
因此，也許某處有使這些圖像通過改變這個參數「大」喜歡「中等」或類似的東西，小的選項。在collection.liquid模板（我猜這是負責收集頁面看起來的模板）沒有發現任何與它有關的任何東西
任何幫助表示讚賞！
的圖像本身可能不是裏面collection.liquid
不同的主題有不同的地方，但通常你會發現
- 包括/產品網item.liquid
或者它可能被稱爲product-loop.liquid無論如何看看你的包括文件夾的東西這樣的名稱
在那個文件中，你會想找到這個
<img src="{{ product.featured_image.src | img_url: 'large' }}" alt="{{ product.featured_image.alt | escape }}">
您需要將「大」變爲「中等」或其他。
Shopify的真棒開發人員實際上給了我們一個新的img尺寸標籤，如果您的感覺勇敢，您可以使用它來縮小圖像尺寸以絕對完美！
讀到它這裏https://help.shopify.com/themes/liquid/filters/url-filters#img_url
好，對於那些誰可能是在尋找答案這個問題是你需要去您的Shopify帳戶>在線商店>主題>編輯HTML/CSS>摘錄>產品---柵網，item.liquid 有你需要找到這一行：
<img src="{{ product.featured_image.src | img_url: 'large' }}" alt="{{ product.featured_image.alt | escape }}">
，改變img_url : 'large'到img_url : 'medium'
這將使谷歌PlageSpeed見解公頃關於收集頁面圖像大小的ppy。另外它可能會使這些網頁加載速度更快，但我沒有注意到它們之間的差異。
太棒了！謝謝您的幫助！我確實在Snippets/product-grid-item.liquid中找到了我要查找的內容。改變大到中，現在Google對我的圖像感到高興 – gerbill