网页加载过慢优化方案

前言

最近在写简历。由于自己服务器在美国，网站加载速度过慢，至少需要10s的时间，我采用了一下优化，把加载时间缩短到1秒多。

优化

1. 添加背景淡灰色背景，并放在最前面。
   网页加载是从上往下，从左往右。在其他页面显示出来之前，先显示应用背景颜色，让用户感觉页面在加载，减缓用户急躁感。
   

2. 把部分网页分离出来，等文档加载完成以后再加载
   我这里的策略是优先显示简历头，其他部分等之后再加载。

$(document).ready(function () {
    $.get("append.html",function (result) {
        $("header").after(result);
    })
});

4. 合并css和js文件
   使用uglifyjs和uglifycss合并所用到的外部引用文件，大幅度减少waiting（TTFB）的时间。而字体加载的顺序在页面显示之后，则不对其优化。

uglifyjs assets/plugins/jquery-1.12.4.min.js assets/plugins/bootstrap/js/bootstrap.min.js assets/plugins/back-to-top.js assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js assets/plugins/easy-pie-chart/dist/jquery.easypiechart.min.js assets/plugins/imagesloaded.pkgd.min.js assets/plugins/isotope.pkgd.min.js assets/js/main.js assets/js/demo/style-switcher.js -m -c -o index.min.js

uglifycss assets/plugins/bootstrap/css/bootstrap.min.css assets/plugins/font-awesome/css/font-awesome.min.css assets/plugins/font_j3ma8n0078b/iconfont.css assets/css/styles.min.css > css/index.min.css