【问题标题】:Is there a way to lazyload images before they become visible in the viewport using mod_pagespeed?有没有办法在使用 mod_pagespeed 在视口中显示之前延迟加载图像?
【发布时间】:2013-03-13 03:08:56
【问题描述】:

我将.htaccess 配置为使用mod_pagespeed 延迟加载图像,但我不想通过显示尚未加载的图像来影响用户体验。

有没有办法使用 mod_pagespeed 设置配置和延迟加载图像一些像素,使其在视口中可见?

【问题讨论】:

    标签: mod-pagespeed


    【解决方案1】:

    如果您在 mod_pagespeed 中启用图像延迟加载,默认行为是在“滚动时”加载图像。我们确实有现有的代码路径可以将其更改为“onload” - 也就是在 onload 触发后加载图像,但不幸的是我们还没有将它作为配置标志公开。即将发布的版本之一的功能! :-)

    当前过滤器文档: https://developers.google.com/speed/docs/mod_pagespeed/filter-lazyload-images

    【讨论】:

    • 感谢 Ilya,实际上可以在“滚动”上加载图像,我只是想在加载此图像之前定义一些像素。例如,如果我的图像距离顶部 700 像素,我不会在它到达我的视口时开始加载。我想在我的视口距离顶部 600 像素时加载它。然后,当用户达到 700 像素时,它已经加载。你真的应该公开这个配置标志:)
    【解决方案2】:

    不幸的是,目前没有办法在延迟加载开始加载图像时添加“偏移量”。它当前设置在视口的底部,并且没有公开任何选项来配置它。但是,我认为这将是一个很有价值的公开选项,我已将您的功能请求记录在 https://code.google.com/p/modpagespeed/issues/detail?id=644

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-05-29
      • 1970-01-01
      • 1970-01-01
      • 2019-10-08
      • 2013-08-11
      • 1970-01-01
      • 2012-12-30
      相关资源
      最近更新 更多