Modpagespeed Apache插件不会延迟加载图像

Question

问题：PageSpeed Insights表示图像没有被延迟加载，文档说明img标签应替换为“ data-pagespeed-lazy-src”属性（不这样做）。

pagespeed.conf：

...
ModPagespeedEnableFilters lazyload_images
..

呈现的HTML：

<img width="100%" height="100%" src="/img/xstrategy_creation.png.pagespeed.ic.3BVepnuhcw.webp" data-pagespeed-url-hash="3308235655" onload="pagespeed.CriticalImages.checkImageForCriticality(this);">

它正在转换png图像，我看到“ X-Mod-Pagespeed”标头，所以我确定模块在那里。

/ pagespeed_admin显示已启用“延迟加载图像”过滤器。 onload javascript资源也看起来像是它的附件。

似乎工作了一半（附加javascript onload以检测图像是否在折叠上方）。我尝试刷新页面并给它时间，但没有任何变化。图像在折叠以下。

我清除了缓存，仍然得到了这个结果。

即使pagespeed文档给出的示例似乎也不起作用： https://www.modpagespeed.com/examples/lazyload_images.html?ModPagespeed=on&ModPagespeedFilters=lazyload_images

Answer 1

mod_pagespeed的延迟加载过滤器需要检测。这是通过页面加载发送信标而发生的。因此，如果您刷新浏览器几次，最终您将看到最终结果。在此之前，将发出未优化或部分优化的响应。