Javascript 使用Google PageSpeed Insights和Apache mod_PageSpeed进行图像优化

我希望获得尽可能接近100/100的页面速度分数

唯一阻止这一点的问题是此时的图像

如下图所示，本机图像大小为500x500，但渲染时为327x327，问题在于这些图像具有响应性，因此根据查看端口的不同，它们可以在210x210到500x500之间的任何位置。谷歌正在抓取这些图像以267x267呈现的网站，我在下载谷歌PageSpeed优化内容时发现了这一点。但根据视口的不同，此图像可能需要500px 500px

我该如何着手解决这个问题？理想情况下，我希望使用mod_pagespeed来解决这个问题，这样我就可以在我的服务器上重用这个解决方案。然而，在这一点上，我对任何允许我通过编程使此图像大小不同的解决方案持开放态度，即不为每个大小创建图像，除非这可以在没有用户参与的情况下动态完成

任何帮助都将不胜感激。顺便说一句，没有这些图片，我的分数是96-98/100

Magento响应站点/Apache w/mod_pagespeed

mod_页面速度设置

############################################
## mod_pagespeed

<IfModule pagespeed_module>
    ModPageSpeed on
    ModPagespeedDisallow "*index.php/admin/*"
    ModPagespeedCriticalImagesBeaconEnabled true
    ModPagespeedEnableFilters insert_image_dimensions
    ModPagespeedEnableFilters insert_dns_prefetch
    ModPagespeedEnableFilters pedantic
    ModPagespeedEnableFilters prioritize_critical_css
    ModPagespeedRewriteLevel CoreFilters
    ModPagespeedEnableFilters defer_javascript
    ModPagespeedEnableFilters sprite_images
    ModPagespeedEnableFilters rewrite_images
    ModPagespeedEnableFilters convert_png_to_jpeg,convert_jpeg_to_webp
    ModPagespeedEnableFilters resize_rendered_image_dimensions
    ModPagespeedEnableFilters collapse_whitespace,remove_comments
    ModPagespeedAddOptionsToUrls on
    #This caches scripts and images in your local storage, so to flush you cache, flush your local storage as well.
    ModPagespeedEnableFilters local_storage_cache
</IfModule>

############################################
##mod_页面速度
ModPageSpeed on
ModPagespeedDisallow“*index.php/admin/*”
ModPagespeedCriticalImagesBeaconEnabled true
ModPagespeedEnableFilters插入\图像\尺寸
ModPagespeedEnableFilters插入\u dns\u预取
ModPagespeedEnableFilters迂腐
ModPagespeedEnableFilters优先考虑关键的css
ModPageLevel核心过滤器
ModPagespeedEnableFilters\u javascript
ModPagespeedEnableFilters精灵_图像
ModPagespeedEnableFilters重写图像
ModPagespeedEnableFilters将\u png\u转换为\u jpeg，将\u jpeg\u转换为\u webp
ModPagespeedEnableFilters调整\渲染\图像\尺寸
ModPagespeedEnableFilters折叠\u空格，删除\u注释
ModPageSpeedAddOptions打开
#这会在本地存储中缓存脚本和图像，因此要刷新缓存，还需要刷新本地存储。
ModPagespeedEnableFilters本地存储缓存

您的问题可能是由于您的图像未正确优化造成的

我最近为PHP网站开发了一个批量图像优化器，它100%符合Google Insights的指导原则

唯一的要求是在Web服务器上安装imagick

您可以在此处下载优化器：

---

在没有得到任何回复的情况下，我是否需要提供更多信息？我已经尝试了数百种mod_pagespeed设置。必须有一种方法可以将图像渲染到特定请求所需的大小。似乎没有人知道这类问题的答案。我也有同样的问题。@BobChip我绝对同意。我有点放弃了，但如果我遇到任何事情，我一定会发回。