landofcoder/module-lazyload

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

维护者

详细信息

github.com/landofcoder/module-lazyload

源代码

问题

安装: 553

依赖关系: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 0

开放问题: 0

类型:magento2-module

1.0.0 2021-03-30 10:39 UTC

Requires

  • magento/module-catalog: ^102.0 || ^103.0 || ^104.0

MIT 35c5726facfabf72c9257c02ce9a68281a9690a4

This package is auto-updated.

Last update: 2024-09-05 14:09:49 UTC

README

概述

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

功能

  • 使用lazysizes脚本来为图片添加懒加载支持
  • 自动将所有*产品图片应用懒加载
    • *通过 Magento\Catalog\Block\Product\Image 创建的任何图片
    • 这包括
      • 产品列表（分类、搜索、产品列表小部件）
      • 产品关系（相关、促销、交叉销售）
      • 产品比较
      • 最近浏览
      • 购物车缩略图
      • 愿望单
  • 可以通过在 <img> 元素中添加以下内容来支持更多图片
    • 添加 lazyload 类
    • 将 src 属性更改为 data-src
    • 可选：添加一个假的 src，包含1px x 1px的透明图像，以避免在懒加载之前破坏图像链接（请参阅产品图像模板作为示例）
  • 预加载
    • 预加载意味着即使不在视口中，媒体源也会被加载，例如大菜单图标/图像。
    • 使用 preload_elements 布局参数，您可以指定哪些元素的选择器可以被预加载。这可以按页面进行配置。
    • 在您希望预加载的元素（s）上使用 lazypreload 类。

兼容性

  • Magento 社区版 / 企业版 2.2.x（请参阅较旧版本以获取 2.0 / 2.1 支持）
  • 支持 Magento 2 全页缓存（包括 Varnish）

安装

composer require landofcoder/module-lazyload
php bin/magento module:enable Lof_Lazyload
php bin/magento setup:upgrade

贡献

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