第一，啟用網(wǎng)頁(yè)GZIP壓縮 第二，啟用CDN加速工具 第三，圖片本身優(yōu)化 不影響圖片質(zhì)量的情況下盡可能地縮減文件大小 第四，技術(shù)小手段 使用jq延遲加載圖片，jQuery圖片延遲加載插件jQuerylazyload，使用延遲加載在可提高網(wǎng)頁(yè)下載；預(yù)加載就是頁(yè)面打開(kāi)，圖片什么的都加載好了優(yōu)先顯示圖片延遲加載優(yōu)先顯示別的，等別的顯示完了，再加載圖片優(yōu)先顯示其他東西各有所需，看你的用戶(hù)需要優(yōu)先看什么。

漸進(jìn)式加載這種文件包含多次掃描，會(huì)先顯示整個(gè)圖片的模糊輪廓，隨著掃描次數(shù)的增加，圖片變得越來(lái)越清晰將背景圖片的加載格式轉(zhuǎn)換成漸進(jìn)式加載即可PS轉(zhuǎn)換將圖片放入ps中重新到出，到處是選擇漸進(jìn)式加載格式即可代碼轉(zhuǎn)換就該；javascript給img節(jié)點(diǎn)添加一個(gè)事件句柄onload，等到圖片加載完了就會(huì)知道執(zhí)行這個(gè)onload事件例如。

第二個(gè)按鈕圖片，延遲加載顯示 廣告位置，想延遲加載 #160 #160 #160 #160 #160 #160 var html=quotquot#160 #160 #160 #160 setTimeoutquotdocumentgetElementById#39vodid2#39；1，圖片的src不要使用真實(shí)的地址，用一個(gè)屬性保存在元素上 2，把所有需要使用延遲加載的圖片放到一個(gè)數(shù)組中，3，初始化的時(shí)候檢查數(shù)組中的元素是否在可視范圍內(nèi)，可視范圍內(nèi)即加載 4，給window綁定滾動(dòng)事件檢查圖片是否在可視。

復(fù)制代碼 代碼如下 KISSYImageLazyload mod quotmanualquot， 延遲模式默認(rèn)為 auto diff 200 當(dāng)前屏幕下多遠(yuǎn)處的圖片開(kāi)始延遲加載默認(rèn)兩屏外的圖片才延遲加載 manual 模式時(shí)，需要手動(dòng)將頁(yè)面中需要延遲加；最后lazyload雖然對(duì)提升用戶(hù)體驗(yàn)有好處，但是提升的效果到底有多少，是個(gè)疑問(wèn)出現(xiàn)延遲加載技術(shù)是為了加快網(wǎng)頁(yè)打開(kāi)速度，提高帶寬利用率，但是，現(xiàn)在帶寬越來(lái)越大，網(wǎng)速越來(lái)越快，移動(dòng)已經(jīng)到了4G時(shí)代，開(kāi)視頻都嗖嗖的，帶寬這個(gè)。

圖片延遲加載代碼是什么

1，分頁(yè)是通過(guò)點(diǎn)擊上下頁(yè)來(lái)加載數(shù)據(jù)的，而此處是通過(guò)分析計(jì)算滾動(dòng)條高度來(lái)觸發(fā)加載數(shù)據(jù)的邏輯的2，分頁(yè)點(diǎn)擊下一頁(yè)顯示的下一頁(yè)的內(nèi)容，而此處改為顯示之前頁(yè)到當(dāng)前頁(yè)的所有內(nèi)容。

所以，也不能說(shuō)是延遲加載，而是當(dāng)圖片在用戶(hù)視圖范圍需要查看時(shí)才加載真正的圖片。

ntui中的lazy load圖片懶加載指令，vlazy的圖片路徑用本地的相對(duì)路徑報(bào)錯(cuò)，找不到圖片路徑用一張服務(wù)器上的圖片，沒(méi)問(wèn)題！這個(gè)lazyload的圖片是什么要求！天津眾 維原畫(huà)設(shè)計(jì)。

主要思路在HTML引入圖片是，不要用src直接引入圖片路徑，定一個(gè)_src私有屬性存儲(chǔ)圖片路徑當(dāng)頁(yè)面加載時(shí)，先加載可視區(qū)的圖片，即將私有屬性_src 修改為src下面是思路的代碼實(shí)現(xiàn) * margin0px padding0px。

用戶(hù)滾動(dòng)到它們之前，可視區(qū)域外的圖像不會(huì)加載這與圖像預(yù)加載相反，在長(zhǎng)網(wǎng)頁(yè)上使用延遲加載將使網(wǎng)頁(yè)加載更快在某些情況下，它還可以幫助減少服務(wù)器負(fù)載常適用圖片很多，頁(yè)面很長(zhǎng)的電商網(wǎng)站場(chǎng)景中首先將頁(yè)面上的圖片的。

圖片延遲加載 js

lazyloadjs 延遲加載效果是為了快速展現(xiàn)頁(yè)面圖片，比如很多屏的圖片，文件比較大，這個(gè)插件目的不是為了節(jié)省服務(wù)器資源，而是為了瀏覽體驗(yàn)，如果你拉動(dòng)到底部，其實(shí)也是一樣的消耗服務(wù)器資源是有選擇性的請(qǐng)求圖片，很多人曲解。

那么優(yōu)化網(wǎng)頁(yè)的加載速度，最本質(zhì)的方式就是減少請(qǐng)求數(shù)量 與 減小請(qǐng)求大小減少請(qǐng)求數(shù)量 1將小圖標(biāo)合并成sprite圖或者iconfont字體文件 2用base64減少不必要的網(wǎng)絡(luò)請(qǐng)求 3圖片延遲加載 4JSCSS按需打包 5延遲加載。

然后將下面代碼寫(xiě)入，自己調(diào)下屬性就可以了 quotimgquotlazyload最好設(shè)一下 threshold “img”lazyload threshold 200 PS把閥值設(shè)置成200 意思就是當(dāng)圖片沒(méi)有看到之前先load 200像素。

所以scrollLoading中肯定加了滾動(dòng)條事件，在滾動(dòng)事件中加的加載的方法這樣就只能改動(dòng)他的js插件才可以了找到加滾動(dòng)事件的方法看他里面怎么實(shí)現(xiàn)滾動(dòng)加載的，然后把加到你的圖片滾動(dòng)事件中就可以了目測(cè)只有這一個(gè)方法。