如何做好網(wǎng)站性能優(yōu)化

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

　　如何做好網(wǎng)站性能優(yōu)化

　　代碼優(yōu)化

　　(1) CSS

　　避免使用CSS表達式

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

　　(2)JavaScript

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

　　將常用變量緩存起來使用

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

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

　　盡量使用全等===做判斷(避免變量隱式轉(zhuǎn)換)

　　利用setTimeout定時器將耗時長的大任務(wù)分割為N個異步任務(wù)執(zhí)行

　　使用window.requestAnimationFrame()繪制動畫，而不是setInterval()

　　(3)DOM操作

　　用innerHtml代替DOM操作，減少DOM操作次數(shù)

　　緩存DOM節(jié)點查找的結(jié)果

　　采用事件委托監(jiān)聽DOM事件

　　少用iframe

　　盡可能批量修改DOM，可以通過下面的步驟減少重繪和重排的.次數(shù):

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

　　使用一個文檔片斷(document.createDocumentFragment())在已存DOM之外創(chuàng)建一個子樹，然后將它拷貝到文檔中

　　將原始元素拷貝到一個脫離文檔的節(jié)點中，修改副本，然后覆蓋原始元素

　　(4)HTML

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

　　樣式表鏈接定義在內(nèi)，腳本文件放在末尾

　　根據(jù)場景可采用JavaScript異步加載模式(動態(tài)創(chuàng)建）

【如何做好網(wǎng)站性能優(yōu)化】相關(guān)文章：

如何做好銷售03-29

教育演講：自我優(yōu)化08-12

網(wǎng)站優(yōu)化技巧方法07-16

重陽糕如何做09-27

優(yōu)化營商環(huán)境報告01-23

如何做面試的稿演講12-23

如何做好銷售經(jīng)理呢？02-15

關(guān)于如何做銷售的技巧03-13

如何做領(lǐng)導(dǎo)的好幫手07-25

如何做好考后分析06-04