即使进行了适当的优化，图像也可能占很大的比重。这可能会对访问者必须等待才能访问您网站上的内容的时间产生负面影响。除非您想出一种不会干扰速度感知的图像加载解决方案，否则它们很可能会耐心地在其他地方导航。

    在本文中，您将了解五种延迟加载图像的方法，可以将它们添加到Web优化工具包中以改善网站上的用户体验。

    什么是延迟加载？

    延迟加载图像是指异步加载网站上的图像-也就是说，在首屏内容完全加载后，甚至有条件地，仅当它们出现在浏览器的视口中时。这意味着，如果用户没有完全向下滚动，则位于页面底部的图像甚至都不会被加载。

    许多网站都使用这种方法，但是在图片繁多的网站上尤其明显。尝试浏览您*喜欢的在线狩猎场以获得高分辨率照片，您很快就会意识到该网站仅加载有限数量的图像的方式。向下滚动页面时，您会看到占位符图像迅速填充真实图像进行预览。例如，请注意下图中的加载程序：将页面的该部分滚动到视图中会触发使用全分辨率照片替换占位符：

    为什么要关心延迟加载图像？

    至少有两个极好的原因，您应该考虑为网站延迟加载图像：

    如果您的网站使用JavaScript来显示内容或向用户提供某种功能，则快速加载DOM变得至关重要。石家庄网站建设提示脚本通常要等到DOM完全加载后才能开始运行。在包含大量图像的网站上，延迟加载（或异步加载图像）可能会导致用户停留或离开您的网站有所不同。

    由于大多数惰性加载解决方案都是通过仅在用户滚动到在视口内可见图像的位置时才加载图像来工作的，因此如果用户从未到达该点，则将永远不会加载这些图像。这意味着可以节省大量带宽，为此，大多数用户，特别是那些在移动设备上访问Web且连接缓慢的用户，将非常感谢您。

    好吧，延迟加载图像有助于提高网站性能，但是**的解决方法是什么？如果您会JavaScript，那么实现自己的延迟加载解决方案就不会成为问题。没有什么比您自己编写代码给您更多的控制权了。    或者，您可以浏览Web以找到可行的方法并开始进行试验。我就是这样做的，并且遇到了这五种有趣的技术。