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