如何做好網站效能最佳化
最佳化網站效能有很多方法，總體來說，可以幾個方面入手：程式碼最佳化，利用快取，減少請求數量等等。那麼，具體如何做好網站效能最佳化呢?下面就讓小編來告訴的`大家吧!
如何做好網站效能最佳化
程式碼最佳化
(1) CSS
避免使用CSS表示式
儘可能用類和ID選擇，少用後代選擇器，子選擇，萬用字元選擇器等高階選擇器(CSS選擇器是從右到左開始匹配)
(2)JavaScript
儘量避免全域性查詢，建議使用區域性變數
將常用變數快取起來使用
不要使用with語句(會增加作用域鏈長度)
有效利用正則表示式處理字串
儘量使用全等===做判斷(避免變數隱式轉換)
利用setTimeout定時器將耗時長的大任務分割為N個非同步任務執行
使用window.requestAnimationFrame()繪製動畫，而不是setInterval()
(3)DOM操作
用innerHtml代替DOM操作，減少DOM操作次數
快取DOM節點查詢的結果
採用事件委託監聽DOM事件
少用iframe
儘可能批次修改DOM，可以透過下面的步驟減少重繪和重排的次數:
隱藏元素，進行修改，然後再顯示它
使用一個文件片斷(document.createDocumentFragment())在已存DOM之外建立一個子樹，然後將它複製到文件中
將原始元素複製到一個脫離文件的節點中，修改副本，然後覆蓋原始元素
(4)HTML
樣式表和指令碼檔案都採用外部檔案連結方式載入
樣式錶鏈接定義在內，指令碼檔案放在末尾
根據場景可採用JavaScript非同步載入模式(動態建立）
【如何做好網站效能最佳化】相關文章：