PNG 图像的奇怪 pagespeed URL？

Question

我使用文件名 logo.png 将具有 alpha 透明度的 PNG 图像上传到我的服务器，但是，当在页面上使用该图像并查看它的文件路径时，我得到：

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

该文件在服务器上无处可见。

我不知道它是否会影响它，但实际图像大小是 400 像素 x 400 像素，我在 HTML 中显示为 300 像素 x 300 像素。（不要问。）

可能是我的网络主机这样做吗？似乎在文件前面加上要显示的分辨率：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 触发时，这有助于将页面更快地绘制到屏幕上。您还可以配置 mod_pagespeed 以滚动执行此操作，以便仅加载可见图像。最后，您还可以禁用此特定过滤器，但保持上面完成的图像优化。

PS mod_pagespeed 不再是测试版，该团队最近发布了 1.0。