- 相關(guān)推薦
如何做好網(wǎng)站性能優(yōu)化
優(yōu)化網(wǎng)站性能有很多方法，總體來(lái)說(shuō)，可以幾個(gè)方面入手：代碼優(yōu)化，利用緩存，減少請(qǐng)求數(shù)量等等。那么，具體如何做好網(wǎng)站性能優(yōu)化呢?下面就讓小編來(lái)告訴的大家吧!
如何做好網(wǎng)站性能優(yōu)化
代碼優(yōu)化
(1) CSS
避免使用CSS表達(dá)式
盡可能用類(lèi)和ID選擇，少用后代選擇器，子選擇，通配符選擇器等高級(jí)選擇器(CSS選擇器是從右到左開(kāi)始匹配)
(2)JavaScript
盡量避免全局查找，建議使用局部變量
將常用變量緩存起來(lái)使用
不要使用with語(yǔ)句(會(huì)增加作用域鏈長(zhǎng)度)
有效利用正則表達(dá)式處理字符串
盡量使用全等===做判斷(避免變量隱式轉(zhuǎn)換)
利用setTimeout定時(shí)器將耗時(shí)長(zhǎng)的大任務(wù)分割為N個(gè)異步任務(wù)執(zhí)行
使用window.requestAnimationFrame()繪制動(dòng)畫(huà)，而不是setInterval()
(3)DOM操作
用innerHtml代替DOM操作，減少DOM操作次數(shù)
緩存DOM節(jié)點(diǎn)查找的結(jié)果
采用事件委托監(jiān)聽(tīng)DOM事件
少用iframe
盡可能批量修改DOM，可以通過(guò)下面的步驟減少重繪和重排的.次數(shù):
隱藏元素，進(jìn)行修改，然后再顯示它
使用一個(gè)文檔片斷(document.createDocumentFragment())在已存DOM之外創(chuàng)建一個(gè)子樹(shù)，然后將它拷貝到文檔中
將原始元素拷貝到一個(gè)脫離文檔的節(jié)點(diǎn)中，修改副本，然后覆蓋原始元素
(4)HTML
樣式表和腳本文件都采用外部文件鏈接方式加載
樣式表鏈接定義在內(nèi)，腳本文件放在末尾
根據(jù)場(chǎng)景可采用JavaScript異步加載模式(動(dòng)態(tài)創(chuàng)建）
【如何做好網(wǎng)站性能優(yōu)化】相關(guān)文章：
如何做好銷(xiāo)售03-29
教育演講：自我優(yōu)化08-12
網(wǎng)站優(yōu)化技巧方法07-16
重陽(yáng)糕如何做09-27
優(yōu)化營(yíng)商環(huán)境報(bào)告01-23
如何做面試的稿演講12-23
如何做領(lǐng)導(dǎo)的好幫手07-25
如何做好考后分析06-04