PNG圖像的奇怪的pagespeed網址？

Question

我使用文件名logo.png將帶有alpha透明度的PNG圖像上傳到我的服務器，但是，當在頁面上使用圖像並且我去看它的文件路徑時，我得到：

http://example.com/i/300x300xlogo.png.pagespeed.ic.0A66xVq4G9.png

該文件在服務器上無處可見。

我不知道它是否會影響它，但實際圖像大小是400像素×400像素，我在HTML中顯示為300像素×300像素。 （不要問。）

這可能是我的網絡主機嗎？ 似乎在文件300x300x要顯示的分辨率： 300x300x並且還有一個奇怪的后綴： .pagespeed.ic.0A66xVq4G9.png

Answer 1

您看到的URL符合預期：mod_pagespeed將圖像URL重寫為優化名稱，並將內容的大小和指紋嵌入到文件名中。

如果你從原始大小縮小HTML格式的圖像...你浪費用戶的帶寬，這在移動設備上尤其痛苦。 mod_pagespeed的優點是它可以動態地為您調整大小 - 只需在HTML中指定所需的尺寸，它就會做正確的事情。

您可以在此處詳細了解mod_pagespeed所做的各種圖片優化： https ： //developers.google.com/speed/docs/mod_pagespeed/filter-image-optimize

您所描述的“加載速度較慢”聽起來像“圖像延遲”： https ： //developers.google.com/speed/docs/mod_pagespeed/filter-lazyload-images

圖像被推遲到onload fires，這有助於使頁面更快地繪制到屏幕上。 您還可以配置mod_pagespeed以在滾動時執行此操作，以便僅加載可見圖像。 最后，您還可以禁用此特定過濾器，但保持上面的圖像優化。

PS mod_pagespeed不再是測試版，該團隊最近發布了1.0。

Answer 2

解決了！ 默認情況下，在Webhosts控制面板中啟用了Google Pagespeed 。 希望這將有助於其他任何人。

我注意到圖像實際加載速度較慢，一旦文檔加載完畢就會閃爍。 （谷歌Pagespeed雖然是測試版。）