提升网页加载速度的方法有很多种，用 jquery.lazyload.js 实现图片异步延迟加载，对于页面包含图片较多的网站来说，会是个不错的提升网页打开速度的方法。代码君网站栏目页列表左侧，在PC端预览时能看到一个文章略缩图展示模块，一定程度上会延长网页加载时间。本文采用图片异步延迟加载的方法，来提升本站页面加载速度。

图片异步加载，就是不必一次性把页面的所有图片都加载显示出来，等用户滑动滚动条到某个位置时才会加载显示相应位置的图片，这样能很好地提升网页加载速度，进一步提升用户体验。

有很多技术性文章的配图是非常多的，如果打开网页时要求能够一次性加载完成所有图片的话，用户等候的时间肯定就得非常长了。这种做法会让用户体验非常不好，况且也没有必要一次性把页面上的所有图片都加载出来。图片异步延迟加载，才是网页设计中最合理最恰当的做法。

我们用 jquery.lazyload.js 来实现图片异步延迟加载，记得要先载入 jQuery 才行。

1、导入 JS 插件：