如何做好網站性能優化

優化網站性能有很多方法，總體來説，可以幾個方面入手：代碼優化，利用緩存，減少請求數量等等。那麼，具體如何做好網站性能優化呢?下面就讓小編來告訴的'大家吧!

　　代碼優化

　　(1) CSS

避免使用CSS表達式

儘可能用類和ID選擇，少用後代選擇器，子選擇，通配符選擇器等高級選擇器(CSS選擇器是從右到左開始匹配)

(2)JavaScript

儘量避免全局查找，建議使用局部變量

將常用變量緩存起來使用

不要使用with語句(會增加作用域鏈長度)

有效利用正則表達式處理字符串

儘量使用全等===做判斷(避免變量隱式轉換)

利用setTimeout定時器將耗時長的大任務分割為N個異步任務執行

使用estAnimationFrame()繪製動畫，而不是setInterval()

　　(3)DOM操作

用innerHtml代替DOM操作，減少DOM操作次數

緩存DOM節點查找的結果

採用事件委託監聽DOM事件

少用iframe

儘可能批量修改DOM，可以通過下面的步驟減少重繪和重排的次數:

隱藏元素，進行修改，然後再顯示它

使用一個文檔片斷(teDocumentFragment())在已存DOM之外創建一個子樹，然後將它拷貝到文檔中

將原始元素拷貝到一個脱離文檔的節點中，修改副本，然後覆蓋原始元素

　　(4)HTML

樣式表和腳本文件都採用外部文件鏈接方式加載

樣式錶鏈接定義在內，腳本文件放在末尾

根據場景可採用JavaScript異步加載模式(動態創建）