如何做好網站性能優化

時間:2022-07-11 05:31:54 計算機/互聯網/通信

如何做好網站性能優化

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

  如何做好網站性能優化

  代碼優化

  (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