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

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

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

lazyload

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

之前我在博文中也說過用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

相關閱讀

Eclipse超好用的插件推薦

提高代碼質量的插件1. FindBugsFindBugs可以幫你找到Java代碼中的bug,它使用Lesser GNU Public License的自由軟件許可。2. Checks

人機交互與數據傳輸:關于數據加載的6種形式

這是2017年的第9篇文章。用戶、客戶端和服務器作為用戶體驗設計師,不管是產品、交互還是UI,都習慣于站在人機交互的角度去思考產品

圖片加載框架-Picasso最詳細的使用指南

寫在前面Android 中有幾個比較有名的圖片加載框架,Universal ImageLoader、Picasso、Glide和Fresco。它們各有優點,以前一直用的是I

module_init()加載設備驅動

我們知道在寫設備驅動的時候通常要為某個設備實現xxx_init函數,并將該函數傳入module_init(xxx_init), 當kernel啟動之后該設備驅

ETL 數據加載機制概述

ETL 是數據抽取(Extract)、轉換(Transform)、加載(Load)的簡寫,它的功能是從數據源抽取出所需的數據,經過數據清洗和轉換,最終按照預先定義

分享到:

欄目導航

推薦閱讀

熱門閱讀

三肖必中特l三肖中特期期准免费