4-5 使用 lazysizes 来延迟加载图像

延迟加载是在需要而不是提前加载资源的策略。这种方法在初始页面加载期间释放资源，并避免加载从未使用过的资产。

在初始页面加载期间屏幕外的图像是此技术的理想候选者。最重要的是，lazysizes使这是一个非常简单的实现策略。

什么是懒惰尺寸？

lazysizes是最流行的延迟加载图像库。它是一个脚本，可以在用户浏览页面时智能地加载图像，并对用户很快会遇到的图像进行优先级排序。

添加延迟大小

添加延迟大小很简单：

• 将 lazysizes 脚本添加到您的页面。
• 选择要延迟加载的图像。
• 更新这些图像的和/或标签。