前端面試題性能優化的方法


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM