本篇內(nèi)容主要講解“l(fā)azyload js是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“l(fā)azyload js是什么”吧!

創(chuàng)新互聯(lián)公司2013年成立，公司以網(wǎng)站制作、成都做網(wǎng)站、系統(tǒng)開發(fā)、網(wǎng)絡(luò)推廣、文化傳媒、企業(yè)宣傳、平面廣告設(shè)計(jì)等為主要業(yè)務(wù)，適用行業(yè)近百種。服務(wù)企業(yè)客戶上千家，涉及國(guó)內(nèi)多個(gè)省份客戶。擁有多年網(wǎng)站建設(shè)開發(fā)經(jīng)驗(yàn)。為企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、創(chuàng)意設(shè)計(jì)、宣傳推廣等服務(wù)。 通過專業(yè)的設(shè)計(jì)、獨(dú)特的風(fēng)格，為不同客戶提供各種風(fēng)格的特色服務(wù)。

lazyload.js用于長(zhǎng)頁(yè)面圖片的延遲加載，視口外的圖片會(huì)在窗口滾動(dòng)到它的位置時(shí)再進(jìn)行加載，這是與預(yù)加載相反的。

lazyload.js優(yōu)點(diǎn)：

它可以提高頁(yè)面加載速度；

在某些情況清晰它也可以幫助減少服務(wù)器負(fù)載。

lazyload.js安裝:

bower安裝：

bowerinstalljquery.lazyload

npm安裝:

npminstalljquery-lazyload

lazyload.js使用:

lazyload依賴與jquery。所以先引入jquery和lazyload

1.將圖片路徑寫入data-original屬性

2.給lazyload的圖片增加一個(gè)名為lazy的class

3.選擇所有要lazyload的圖片（img.lazy），執(zhí)行l(wèi)azyload();

lazyload.js如何引用：

LazyLoad依賴于jQuery.所以需要引用2個(gè)js

注：這里要保證先加載了jquery.js再加載jquery.lazyload.js，這里的順序不只是先后順序。

如果jquery.js里面用了defer="defer"或者異步async，jquery.lazyload.js也要對(duì)應(yīng)加上，否則會(huì)導(dǎo)致jquery.lazyload.js先加載報(bào)錯(cuò)。

到此，相信大家對(duì)“l(fā)azyload js是什么”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

名稱欄目：lazyloadjs是什么-創(chuàng)新互聯(lián)
路徑分享：http://weahome.cn/article/gcpjc.html