很多使用HotNews主題的朋友,都有一個感覺:打開博客后向下滑動頁面,會很“卡”,普遍會認為是主題功能復雜或者是自己的主機空間不給力造成的,其實與此無關。
下面簡單說一下造成此問題的原因及解決辦法:
HotNews主題集成了圖片延遲加載功能(參見:jQuery實現圖片延遲加載),只有當頁面滾動到圖片的位置才會加載它們。本來是為了提高頁面加載速度,不過事與愿違,由于大多數人不喜歡單獨制作縮略圖,直接把文章中尺寸較大的圖片作為縮略圖使用,同時加載10幾張2、3百K的圖片,打開速度可想而知,直接導致加載過程序中瀏覽器會出現“卡”的現象,原因找到了,解決辦法:
- 保留圖片延遲加載功能,單獨制作尺寸較小的縮略圖,會提高加載速度。
- 或者干脆去掉這個圖片延遲加載功能:
打開所有以header開頭的模版文件,共有6個,找到:
- <!-- 圖片延遲加載 -->
- <?php include('includes/lazyload.php'); ?>
刪除。
之后,刷新博客首頁并滾動瀏覽器,看看原來“卡”的感覺是不是沒了。
再升級主題時會考慮添加選項,自主選擇是否開啟圖片延遲加載功能。
<!-- --> 這是注釋符號。也可以用這個注釋掉。
1F
也可以用這個注釋掉