图片延迟加载【前端开发技能必备系列】
图片延迟加载【前端开发技能必备系列】<div id="cnblogs_post_body">在网上经常会看到一些很长的网页会延迟加载其中的图片，我认为这是一种按需分配的做法，网页只为那些想继续浏览网页的人加载后面的图片，在不影响用户体验的前提下，最大程度地减少服务器负担和流量。目前，主要的购物网站都采用了这种加载方式。今天在一个网友的站里发现一个图片延迟加载的插件，很好用，在这里介绍一下。
先介绍一下图片延迟加载原理。我们需要先将图片的真实地址保存在一个自定义的属性中（属性名任你发挥吧，这里我用的是lazy-src），而图片的src属性中用一个占位图片来替代，这个占位图片当然是越小越好，它基本上只干活、不露面。
<div class="cnblogs_code"><img src="images/placeholder.png"lazy-src="images/realimg.jpg" alt="" /><!-- 如果浏览器禁用了js，我们也不能不让网页显示图片撒，所以最好是加上下面一句备用代码 --><noscript><img src="images/realimg.jpg"alt="" /></noscript>
页:
[1]