1、圖像優(yōu)化
  性能優(yōu)化最重要的是減小圖片的大小。圖片可以被顯示為任意大小顯示。但圖片文件最先被加載，然后再調(diào)整大小，這會浪費(fèi)計(jì)算能力，只有加載后的圖像才會減小。
  解決方案是確保圖片是所需的尺寸-優(yōu)化圖像-壓縮圖像。一般來說，圖片不應(yīng)該大于1920x1280像素，文件尺寸控制在350K以下。這一步可以做到的話，可以超過很多網(wǎng)站優(yōu)化的事情。
  有一個著名的網(wǎng)站優(yōu)化測試網(wǎng)站GTmetrix，可以看到它對圖片優(yōu)化的優(yōu)先級。
  2、最少HTTP請求
  你網(wǎng)站上的每個文件都是通過瀏覽器一個單獨(dú)的“HTTP請求”下載的。文件越多，網(wǎng)站加載時間越長。去掉不必要的文件或盡可能的合并。
  一個比較簡單有效的方法是，合并多個CSS樣式表。
  3、正確文件位置
  CSS樣式表最好被包含在頁面頂部，而JavaScript放在底部。這是因?yàn)镃SS是漸進(jìn)式加載，而JavaScript是阻塞下載。
  4、壓縮CSS和JavaScript
  加載太多的CSS和JavaScript文件會減慢網(wǎng)站的速度。有兩種方法：將文件壓縮成一個文件，并刪除空白，從而使文件變小。
  5、外部引用JavaScript與CSS
  CSS和JavaScript可以與HTML文檔成為一部分，也可以外部連接引用。這些文件可以被瀏覽器所緩存，因此外部鏈接的文件通常會更快的提速頁面。值得一提的是，要確保CSS和JavaScript放在HTML文檔的Head頭位置以上。