當前位置:首頁 > 站長新聞

啟用lazyload插件,減少圖片加載

時間:2019-06-15 20:40:00來源:站長新聞作者:seo實驗室小編閱讀:68次「手機版」
 

lazyload

菊子曰博客管理軟件在留言本告訴我:每次打開新的一頁,都要加載100多個gravatar頭像,建議可以使用lazyloadjs插件,減少圖片加載,提高頁面加載速度和節省流量。雖然這個頭像是第三方服務器來的,不消費博客的流量,但是能節省部分訪客的加載時間,也是不錯的哦。

之前我在博文中也說過用lazyload插件,只是后來換到更好的服務器后就沒管了。菊子曰很熱心的把加載的圖片做了截圖:

啟用lazyload插件,減少圖片加載 ZBlog 微日志 第1張

看到這張圖我才意識到,只有我這里網速快是沒用的,立刻啟用了lazyload,用戶瀏覽器打開頁面需要加載這么多Gravatar頭像,我在考慮是不是去掉Gravatar頭像?

Lazy Load 是一個用 javaScript 編寫的 jQuery 插件. 它可以延遲加載長頁面中的圖片. 在瀏覽器可視區域外的圖片不會被載入, 直到用戶將頁面滾動到它們所在的位置. 這與圖片預加載的處理方式正好是相反的。(官方演示地址)

安裝方法:

把這兩個JS文件,一個圖片下載放到你的博客空間,以JS形式調用到你圖片多的網頁即可

<script type="text/JavaScript" src="HTTPs://lusongsong.com/themes/LuSongSong/script/jquery.js"></script>

<script type="text/javascript" src="https://lusongsong.com/themes/LuSongSong/script/jquery.lazyload.js"></script>

https://lusongsong.com/themes/LuSongSong/script/grey.gif

相關閱讀

v-loading加載中

使用v-loading在接口為請求到數據之前,顯示加載中,直到請求到數據后消失。 //全局loading <template> <p v-loading="loading"

【爬蟲工具】嗶哩嗶哩插件姬(bilibili-plugin)

完整原文(含源碼):http://exp-blog.com/2018/09/09/pid-2223/(轉載請注明出處,僅供分享學習,嚴禁用于商業用途) 聲明 寫這個插件純粹是

谷歌瀏覽器插件插入script代碼

var p=document.createElement('p');? ??? ??? ?p.id='cont';? ??? ??? ?document.body.appendChild(p);? ??

Axure教程:按鈕的啟用和禁用設計

原型中常要用到按鈕的禁用和啟用,比如常見的:輸入手機號獲取驗證碼的獲取按鈕,在未輸入內容前按鈕不可點,輸入按鈕后,可點擊獲取按鈕獲

eclipse運行springboot項目報錯‘找不到或無法加載主

這是一個很煩躁的問題~,往往困住大家好長時間,然后各種百度。借此,咱將這個問題有可能產生的原因進行一下總結。若有不完善之處歡迎

分享到:

欄目導航

推薦閱讀

熱門閱讀

美国扑克50手登陆