5

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

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

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

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

会不会是我的网络主机这样做？似乎在文件前面加上要显示的分辨率：300x300x并且还有那个奇怪的后缀：.pagespeed.ic.0A66xVq4G9.png

4

2 回答 2

4

您看到的 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。

于 2012-10-28T23:08:37.017 回答
2

解决了！默认情况下，在 webhosts 控制面板中启用了Google Pagespeed 。希望这对其他人有帮助。

我注意到图像实际上会加载较慢，一旦文档完成加载，它们就会闪烁。（虽然 Google Pagespeed 是测试版。）

于 2012-10-28T21:58:49.413 回答