摘要:前端性能優(yōu)化話說回來,使用開發(fā)網(wǎng)站,誰會把我們寫好的代碼拿去運行呢是瀏覽器呀。那么性能優(yōu)化是怎么回事呢優(yōu)化誰的性能如果我們沒有開發(fā)網(wǎng)站,那么什么也不需要優(yōu)化,但開發(fā)了,就要優(yōu)化了?,F(xiàn)在不考慮后端,只考慮前端性能優(yōu)化。
前端性能優(yōu)化
話說回來,使用HTML、CSS、JS開發(fā)網(wǎng)站,誰會把我們寫好的代碼拿去運行呢?是瀏覽器呀。
那么性能優(yōu)化是怎么回事呢?
優(yōu)化誰的性能?如果我們沒有開發(fā)網(wǎng)站,那么什么也不需要優(yōu)化,但開發(fā)了,就要優(yōu)化了?,F(xiàn)在不考慮后端,只考慮前端性能優(yōu)化。
難道壓縮圖片資源、壓縮代碼量,好讓用戶快速訪問。寫的HTML需要優(yōu)化?寫的CSS代碼需要優(yōu)化?寫的JavaScript代碼需要優(yōu)化?
如果在瀏覽器內的性能優(yōu)化,我想到的就是我們所寫的代碼。瀏覽器解析HTML,變成DOM對象。瀏覽器解析CSS,變成CSSOM。瀏覽器解析JavaScript,執(zhí)行我們寫過的代碼,然后去操作DOM更改標簽呢的數(shù)據(jù),然后去操作DOM對應的樣式,去更改每個DOM節(jié)點對應的樣式。
瀏覽器是如何渲染網(wǎng)頁的?當瀏覽器接受到一個網(wǎng)頁時,它會如何解析呢?如何去識別誰是