Paste_Image.png
輪播圖樣式在同一排, 用 JQuery 的 lazy 預(yù)加載無效
我的解決方法是:
使用 Swiper, 自動(dòng)輪播換成手動(dòng)輪播
首頁只加載輪播第一張圖片
window.onload = function() {
// 當(dāng)頁面加載完畢執(zhí)行, 此時(shí)頁面刷新完畢, 換掉src資源
$(".banner_img_a").each(function() {
$(this).attr("src", $(this).attr("data-original"));
});
}
<!-- 輪播圖 img 標(biāo)簽的寫法是 -->
<img class="banner_img_a"
data-original="/uploads/image/20170410/1491824912.jpg"
src="/uploads/image/20170410/1491824912.jpg"
title="UI設(shè)計(jì)開課啦" alt="UI設(shè)計(jì)開課啦">
清除瀏覽器緩存后測速為
Paste_Image.png
雖然還是很慢, 但相比于之前的12秒, 還是提速了一倍
