最新文章
網(wǎng)站制作時css加載會造成阻塞嗎?
發(fā)布時間:2021-05-10
熱度:
現(xiàn)在很多人企業(yè)都進行網(wǎng)站制作,而頁面設(shè)計中js執(zhí)行會阻塞DOM樹的解析和渲染,那么才css會對DOM樹的解析和渲染阻塞嗎?現(xiàn)在和石家莊網(wǎng)站建設(shè)小編一起測試一下吧!
測試前,需要先打開Chrome控制臺時,會在右上角出現(xiàn)No throttling,在下拉單中選擇GPRS這個選擇,這樣我們對資源的下載速度限制成20kb/s。
用代碼說話:
而通過加載解析測試,css并不會阻塞DOM樹的解析,但是css加載完成后,紅色字體才顯示,因此可以看出css可以阻塞DOM樹渲染。等css加載完之后,在根據(jù)最終的樣式來渲染DOM樹,石家莊網(wǎng)站建設(shè)小編認為這種做法性能方面確實會比較好一點。
雖然css不會阻塞DOM樹的解析,但是會阻塞DOM樹的渲染和技術(shù)語句的執(zhí)行,網(wǎng)站設(shè)計工程師們?yōu)榱吮苊庥脩艨吹桨灼習r間,會提高css加載速度,具體方法如:1、使用CDN;2、對css進行壓縮;3、合理使用緩存;4、減少http請求,將多個css文件合并或者直接寫成內(nèi)聯(lián)樣式。
以上就是css是否會加載阻塞的介紹,希望對大家有所幫助,如果做網(wǎng)站的歡迎前來尚武科技進行咨詢了解!