資源簡介
支持圖片懶加載模板
一、圖片懶加載又稱圖片滾動加載,那么什么是圖片滾動加載?
通俗的講就是:當訪問一個頁面的時候,先把img元素或是其他元素的背景圖片路徑替換成為加載動畫圖片的路徑(這樣就只需請求一次),只有當圖片出現在瀏覽器的可視區域內時,才加載圖片真正的路徑,讓圖片顯示出來。
二、為什要使用這個技術?
比如一個頁面中有很多圖片,如淘寶、京東首頁等等,如果一上來就發送這么多請求,頁面加載就會很漫長,如果js文件都放在了文檔的底部,恰巧頁面的頭部又依賴這個js文件,那就不好辦了。更為要命的是:一上來就發送百八十個請求,服務器可能就吃不消了(又不是只有一兩個人在訪問這個頁面)。
因此優點就很明顯了:不僅可以減輕服務器的壓力,而且可以讓加載好的頁面更快地呈現在用戶面前(用戶體驗好)。
----------------------------------------------------------------------------------------------------------
商業用戶請在該頁面的“資料下載”里,自行下載DIY文件和安裝說明;
模板獨有特色
1、首頁簡潔設計,支持無圖及多圖顯示,支持點擊加載更多;
2、搜索,用戶登錄注冊信息等置頂設計;
3、主題列表頁顯示版主圖像,關注數,粉絲數;
4、帖子內容頁收聽TA、發消息、加好友、打招呼、打招呼一個也不少;
5、帖子內容頁樓主其他帖子顯示(含圖片);
6、主題列表頁和帖子內容頁頂部菜另獨立設計樣式;
7、搜索頁頭部、尾部和論壇自身頭部、尾部統一(默認模板是簡單頭部和尾部);
8、搜索結果頁全面改版,搜索結果可顯示帖子圖片(支持多圖顯示);
9、內置圖片懶加載,減輕圖片站服務器壓力,提升用戶體驗;
代碼片段和文件信息
評論
共有 條評論