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虽然是测试版。）