- 盡量減少HTTP請求次數
壓縮合並js
css精靈
內聯圖片。src用data:url scheme - 減少DNS查詢
有的內容資源都放在同一個域(Domain)下面,這樣訪問整個網站就只需要進行一次DNS查找,這樣可以提高性能
由於這些資源都在同一個域,而HTTP /1.1 中推薦客戶端針對每個域只有一定數量的並行度(它的建議是2),那么就會出現下載資源時的排隊現象
建議在一個網站里面使用至少2個域,但不多於4個域來提供資源 - 使用CDN
網站上靜態資源即css、js全都使用cdn分發,圖片亦然,因為cdn擁有眾多服務器,用戶請求可以請求距離他近的服務器,加快速度 - 避免空的src和href
- 為文件頭指定Expires(過期時間)或者Cache-Control頭部。
- 使用gzip壓縮內容(服務端)
- 把CSS放到頂部
- 把JS放到底部
- 避免使用CSS表達式
- 將CSS和JS放到外部文件中
- 可緩存的AJAX異步請求同樣的造成用戶等待,所以使用ajax請求時,要主動告訴瀏覽器如果該請求有緩存就去請求緩存內容。如下代碼片段,
$.ajax({
url: 'url',
dataType: "json",
cache: true, //如果有緩存請求緩存
success: function(son, status) {}
}) - 使用GET來完成AJAX請求
POST方法:首先發送文件頭,然后才發送數據 - 減少DOM元素數量
- 不要404。
所以發出http請求但獲得沒用的響應(如404)是完全不必要的,並且會降低用戶體驗,這樣首先會降低(占用)並行下載數
如果有404狀態碼 在此頁面展示404樣式,不是直接跳轉到404頁面 - 不要在html中縮放圖片