轮播图加优化

Paste_Image.png

轮播图样式在同一排, 用 JQuery 的 lazy 预加载无效
我的解决方法是:
使用 Swiper, 自动轮播换成手动轮播
首页只加载轮播第一张图片

window.onload = function() {
    // 当页面加载完毕执行, 此时页面刷新完毕, 换掉src资源
    $(".banner_img_a").each(function() {
        $(this).attr("src", $(this).attr("data-original"));
    });
}

<!-- 轮播图 img 标签的写法是 -->
<img class="banner_img_a" 
href="http://www.bdqn027.com/UI/index.html"
data-original="/uploads/image/20170410/1491824912.jpg" 
src="/uploads/image/20170410/1491824912.jpg" 
title="UI设计开课啦" alt="UI设计开课啦">

清除浏览器缓存后测速为

Paste_Image.png

虽然还是很慢, 但相比于之前的12秒, 还是提速了一倍