README

概览

一个为Magento 2添加图片懒加载支持的模块。

利用lazysizes脚本为图片添加懒加载支持
所有*产品图片将自动应用懒加载
- *通过Magento\Catalog\Block\Product\Image创建的任何图片
- 包括以下内容
  - 产品列表（分类、搜索、产品列表小部件）
  - 产品关联（相关、促销、交叉销售）
  - 产品比较
  - 最近查看
  - 购物车缩略图
  - 心愿单
支持可以通过将以下内容添加到<img>元素中添加到任何其他图片
- 添加lazyload类
- 将src属性更改为data-src
- 可选：添加一个透明的1px x 1px图像的虚拟src，以避免在懒加载之前损坏图像链接（请参阅产品图像模板作为示例）
- 可选：添加loading="lazy"以在可能的情况下启用原生的浏览器懒加载。请注意，这并不是真正的原生懒加载，因为需要运行lazysizes脚本及其native-loading插件，因此仍然需要在受影响的图像显示之前依赖于JavaScript。
预加载
- 预加载意味着即使不在视口中，媒体源也会被加载，例如巨菜单图标/图像。
- preload_elements布局参数允许您指定可以预加载的元素的选择器。这可以按页面进行配置。
- 在您希望预加载的元素(s)上使用lazypreload类。

composer require fisheye/module-lazyload
php bin/magento module:enable Fisheye_Lazyload
php bin/magento setup:upgrade

欢迎问题、分支和拉取请求 :)