lazysizes
用于图像(响应式和正常)、iframe 等的高性能和 SEO 友好的惰性加载程序,可检测通过用户交互、CSS 或 JavaScript 触发的任何可见性更改,无需配置。
lazysizes是一种快速(无卡顿)、SEO 友好且自初始化的延迟加载器,适用于图像(包括响应式图像picture/ srcset)、iframe、脚本/小部件等。它还通过区分关键的视图和近视图元素来确定资源的优先级,从而使感知性能更快。
它也可能成为您集成响应式图像的第一工具。它可以自动计算sizes响应式图像的属性,它允许您media使用 CSS 共享媒体查询属性,有助于将布局 (CSS) 与内容/结构 (HTML) 分开,并且可以非常简单地将响应式图像集成到任何环境中. 它还包括一组可选插件以进一步扩展其功能。
lazysizes