Echo.js 是一個(gè)獨(dú)立的延遲加載圖片的 JavaScript 插件。Echo.js 不依賴第三方庫(kù)，壓縮后不到1KB大小。 延遲加載是提高網(wǎng)頁(yè)首屏顯示速度的一種很有效的方法，當(dāng)圖片元素進(jìn)入窗口可視區(qū)域的時(shí)候，它就會(huì)改變圖像的 src 屬性，從服務(wù)端加載所需的圖片，這也是一個(gè)異步的過(guò)程。
用法：

<div class="mainContent">
        <img class="lazy"  src="./img/blank.gif"  data-echo="./img/buy/1.jpg" alt="">
        <img class="lazy"  src="./img/blank.gif"   data-echo="./img/buy/2.jpg" alt="">
        <img class="lazy"  src="./img/blank.gif"  data-echo="./img/buy/3.jpg" alt="">
        <img class="lazy"  src="./img/blank.gif"  data-echo="./img/buy/4.jpg" alt="">
        <img class="lazy"  src="./img/blank.gif"  data-echo="./img/buy/5.jpg" alt="">
        <img class="lazy"  src="./img/blank.gif"  data-echo="./img/buy/6.jpg" alt="">
        <img class="lazy"  src="./img/blank.gif"  data-echo="./img/buy/7.jpg" alt="">
        <img class="lazy"  src="./img/blank.gif"  data-echo="./img/buy/8.jpg" alt="">
        <img class="lazy"  src="./img/blank.gif"  data-echo="./img/buy/9.jpg" alt="">
        <img class="lazy pb"  src="./img/blank.gif"  data-echo="./img/buy/10.jpg" alt="">

    </div>

<script type="text/javascript" src="js/echo.min.js"></script>
    <script>

            Echo.init({
            
                offset: 0,
            
                throttle: 0
            
            });
            
            </script>