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

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

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

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

相關閱讀

module_init的加載和釋放

轉自:http://blog.csdn.net/dysh1985/article/details/7597105 像你寫C程序需要包含C庫的頭文件那樣,Linux內核編程也需要包含Kern

iOS 越獄手機 ikeymonitor 插件檢測

背景: 在越獄手機上安裝 ikeymonitor 插件之后,日志中能實時記錄用戶的輸入文本(密碼除外,密碼采用了密碼控件),可能存在安全隱患。

谷歌推出站點測速工具:檢測網頁移動設備友好度及加載速

站長之家(ChinaZ.com)6月3日消息,上月Netflix推出一個簡潔的測速站點Fast.com后,搜索巨頭谷歌也推出了一個測速站點Test My Site,不過

mac chrome瀏覽器啟用flash插件最強攻略

flash 因為潛在的一些安全隱患,比如很容易被黑客利用,用來植入病毒。所有現在很多瀏覽器默認都不是啟用的,要么需要詢問,要不直接就給

Spring contextConfigLocation默認加載文件的位置

? 在使用Spring框架的時候,如果我們使用的是XML文件配置Bean的方式的話,我們往往會在web.xml里面配置如下內容: <context-pa

分享到:

欄目導航

推薦閱讀

熱門閱讀

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