推迟显示屏幕外图片

Lighthouse 报告的“优化建议”部分会列出网页中的所有屏幕外或隐藏图片，以及可能节省的 kibibyte (KiB) 数。建议您在所有关键资源加载完毕后再加载以下图片，从而缩短可交互时间：

Lighthouse 推迟屏幕外图像审核的屏幕截图

另请参阅“使用 lazysizes 代码库延迟加载屏幕外图片”Codelab。

特定于堆栈的指导

AMP

使用 amp-img 自动延迟加载图片。请参阅图片指南。

Drupal

考虑在 Drupal 中配置延迟加载图片。图片的字段格式设置支持 lazy 或 eager。

Joomla

安装能够延迟加载所有屏幕外图片的延迟加载 Joomla 插件，或者改用可提供该功能的模板。从 Joomla 4.0 开始，您可以使用“Content - Lazy Loading Images”插件启用专用的延迟加载插件。另外，建议您使用 AMP 插件。

Magento

您不妨修改产品和目录模板，以利用这一网络平台的延迟加载功能。

WordPress

安装能够推迟加载所有屏幕外图片的延迟加载 WordPress 插件，或者改用提供该功能的主题背景。另外，建议您使用 AMP 插件。

资源