- 相關推薦
如何做好網站性能優化
優化網站性能有很多方法，總體來說，可以幾個方面入手：代碼優化，利用緩存，減少請求數量等等。那么，具體如何做好網站性能優化呢?下面就讓小編來告訴的大家吧!
如何做好網站性能優化
代碼優化
(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異步加載模式(動態創建）
【如何做好網站性能優化】相關文章：
如何做好銷售03-29
教育演講：自我優化08-12
網站優化技巧方法07-16
重陽糕如何做09-27
優化營商環境報告01-23
如何做面試的稿演講12-23
如何做好銷售經理呢？02-15
關于如何做銷售的技巧03-13
如何做領導的好幫手07-25
如何做好考后分析06-04