如果你对网站速度优化有一定了解，或者你是用过百度统计提供的网站速度诊断工具的网站管理者，会知晓一件事：一个网站页面图片过多的话，加载时会导致网页打开变慢，甚至看得见“卡顿”的现象。这不仅会影响用户的浏览体验，也会影响到搜索引擎对网站的优劣评判及seo。
（如上图所示，相比于js等文本类文件，三个红色标注的图片文件，就算kb更小，加载时间亦要久很多）
对于较大型的、有专业程序员配置的网站运营者来说，为网站中的图片实现惰性加载(专业术语，俗称为延迟加载，懒加载)，是一件正常不过的事。毕竟，懒加载不是什么新技术，好几年前就已经在较大的互联网站普及了。
那问题来了：什么是懒加载？
答：懒加载是一种网页交互呈现效果。通常而言，首次只加载第一屏（能看得见的）的图片，之后的图片则不加载（或只加载一个文件容量特别小的图片，称为占位图），如果用户拖动滚动条至后面某处位置（这处位置称为可视区域）则再加载图片，这样做的好处是避免网页因加载图片过多而打开慢的弊端。
两个字，提速！如果网站图片多，要提速，那懒加载就是web技术层面的标配。
提升网站页面加载速度，利于seo提升——懒加载好处看上去很多，只是要如何具体地用在自己的网站上呢？对于没有专业程序员参与的网站运营管理者来说，要实现懒加载并不是那么容易。
网上有一些教程，厉害的高手是自己写原生js来解决，更多快捷解决方案是使用jquery.lazyload.js插件，有示例代码及演示（请自行搜索或参见此处链接），这个插件的使用并不难，如果是从零开始构建一个页面，直接套用是没有问题的，可是要套用在帝国cms制作好的网站里，得用什么方式方法呢？
经过在学而行营销网的实践摸索，以下是帝国cms结合jquery.lazyload.js实现图片延迟懒加载的极简解决方法。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
首先，要下载jquery.lazyload.js的迷你压缩版，此js文件相当小，只有2k大小。
下载