1、減少HTTP請求次數
儘量合併圖片、CSS、JS。比如加載一個頁面，如果有5個css文件的話，那麼會發出5次http請求，這樣會讓用戶第一次訪問你的頁面的時候會長時間等待。而如果把這個5個文件合成一個的話，就只需要發出一次http請求，節省網絡請求時間，加快頁面的加載。
2、使用CDN
網站上靜態資源即css、js全都使用cdn分發，圖片亦然。
3、避免空的src和href
當link標籤的href屬性為空、script標籤的src屬性為空的時候，瀏覽器渲染的時候會把當前頁面的URL作為它們的屬性值，從而把頁面的內容加載進來作為它們的值。所以要避免犯這樣的疏忽。
4、使用gzip壓縮內容
gzip能夠壓縮任何一個文本類型的響應，包括html，xml，json。大大縮小請求返回的數據量。
5、把CSS放到頂部
網頁上的資源加載時從上往下順序加載的，所以css放在頁面的頂部能夠優先渲染頁面，讓用戶感覺頁面加載很快。
6、把JS放到底部
加載js時會對後續的資源造成阻塞，必須得等js加載完才去加載後續的文件 ，所以就把js放在頁面底部最後加載。
網絡安全
7、精簡CSS和JS
這裡就涉及到css和js的壓縮了。現在的壓縮工具有很多，基本主流的前端構建工具都能進行css和js文件的壓縮，如grunt，glup等。
8、刪除重複的JS和CSS
重複調用腳本，除了增加額外的HTTP請求外，多次運算也會浪費時間。在IE和Firefox中不管腳本是否可緩存，它們都存在重複運算JavaScript的問題。
9、配置ETags
它用來判斷瀏覽器緩存裡的元素是否和原來服務器上的一致。比last-modified date更具有彈性，例如某個文件在1秒內修改了10次，Etag可以綜合Inode(文件的索引節點(inode)數)，MTime(修改時間)和Size來精準地進行判斷，避開UNIX記錄MTime只能精確到秒的問題。 服務器集群使用，可取後兩個參數。使用ETags減少Web應用帶寬和負載
10、使用GET來完成AJAX請求
當使用XMLHttpRequest時，瀏覽器中的POST方法是一個“兩步走”的過程：首先發送文件頭，然後才發送數據。因此使用GET獲取數據時更加有意義。
閱讀更多 IT小貓咪 的文章
