優化頁面加載速度

小於2s屬於優良，高達4s是可接受，大於5s的頁面載入時間就會影響用戶的體驗效果。

1. 優化圖片

圖片須要用戶從服務器上加載到用戶電腦上，過多過複雜的圖片會增長頁面加載時間。

解決：處理圖片合適的大小尺寸。有些小圖標能夠合成一張雪碧圖，減小HTTP請求。在不影響效果的前提下更改一些圖片保存格式。

2. 去掉沒必要要的插件

網絡上不少插件能夠幫助開發者快速開發，可是插件都是須要服務器處理的，會增長頁面加載時間。

解決：禁止或刪除沒必要要的插件，用有些js功能代替安裝插件

3. 減小DNS查詢

DNS（域名系統）是將域名和IP地址相互映射的一個分佈式數據庫，能夠方便用戶訪問互聯網。DNS查詢會花費較長時間來返回主機名的IP地址，查詢結束以前瀏覽器不會進行其餘操做。具備多個網絡元素（URL、圖片、腳本文件、樣式文件等）的頁面要多個DNS查詢，會花費很長時間。

解決：減小不一樣域名的數量將減小並行下載的數量，加速網頁

4. 避免重定向

重定向會增長額外的HTTP請求，從而增長頁面加載時間。一些不可避免的重定向除外（連接網站的不一樣部分、保存多個域名、跳轉到新頁面）。

解決：避免使用重定向，及時修復破損的連接。

5. 壓縮CSS和JS

壓縮是經過移出沒必要要的字符，好比代碼註釋、空格、回車、TAB，來減少網頁大小以及加載時間。可是仍需保存JS和CSS原文件，便於修改更新代碼。

6. JS和CSS儘量將其外部化，利用瀏覽器緩存

瀏覽器緩存是容許訪客的瀏覽器緩存頁面副本的功能。便於用戶再次訪問時，直接從緩存中讀取內容而沒必要從新加載。節省向服務器發送HTTP請求的時間。由於瀏覽器會緩存外部文本，而之內聯方式的CSS和JS每次都會隨着HTML一塊兒加載，比較費時。

解決：採用外部連接文件，而不是包含在HTML頁面自身中。

//連接樣式
<link rel="stylesheet" type="text/css" href="css.css" />
//腳本連接
<script src="script.js" type="text/javascript"></script>

7. 先加載CSS，再加載JS

HTML在瀏覽器中是從上而下執行的。CSS放在頁面頂部引入能夠節省瀏覽器加載和重繪頁面元素的資源。JS通常是功能的實現，放在底部能夠避免代碼執行前的等待時間

8. 使用Ajax緩存

儘可能使用Ajax,Ajax能夠緩存請求的內容。

有道雲筆記參考：http://note.youdao.com/noteshare?id=f84e1c89eba48d590e4e025a013f9613&sub=3E2B90172C6C4C48866B07F40FA08F94