TinyMce图片延迟加载

1.先来说说图片延迟加载

如果页面包含很多img标签，建议对图片做延迟加载，能加快网页显示速度

延迟加载也很简单，让所有img的src指向一张固定的图片，比如 http://www.baidu.com/img/bdlogo.gif

然后再设置 src2 属性，让src2指向真正的图片地址，比如 http://gtms04.alicdn.com/tps/i4/T1s61XFB0fXXaFe_Qh-180-240.jpg

简单的延迟加载就是：等页面html结构加载完，使用 src2 属性替换掉src的属性就可以了

再人性化一点，就是只加载 第一屏 的图片，当鼠标滚动时，加载当前屏 的图片，这需要动态计算

现在好多网站，都会这么做，比如 天猫商城

2.哪些地方可以做图片延迟加载

轮播图片：这是一个被容易遗忘的地方，其实除了第一张图片，后面的轮播图片都可以延迟加载

Tab页签：和轮播一样，也是容易被遗忘的地方

图片列表：这是最容易想到的地方，典型的就是电商网站的商品列表页面，搜索网站图片的搜索结果页

友情链接：很多网站列出一大推友情链接，并且使用各个网站的logo图片，这里也容易被遗忘

当然根据你页面的实际情况来设计，特别是：当你页面的html结构，能确定 第一屏 的位置

这种情况下，第一屏的图片，建议不要做延迟加载，因为第一屏也做延迟加载，用户一开始看到的页面