WEB MIXTURE

1.图片延迟加载：

场景：图片较多的网页，页面初次加载时，只显示可视区域的图片，当页面滚动时，图片进入了可视区域时再进行加载。

原理：先将图片的真实地址缓存在一个自定义的属性（例如：lazy-src)中，而src地址使用一个1×1的全透明的占位图片来替代。

<img src="images/placeholder.png" lazy-src="image/realpath.jpg"/>