怎樣盡可能的縮短瀏覽器上頁面渲染的時間,文章從以下幾方面著手:
一,寫出高效的css代碼
首先弄清瀏覽器解析html代碼的過程:構建一個dom樹,頁面要顯示的各元素都會創建到這個dom樹當中。每當一個新元素加入到這個dom樹當中,瀏覽器便會通過css引擎查遍css樣式表,找到符合該元素的樣式規則應用到這個元素上。css引擎查找樣式表,對每條規則都按從右到左的順序去匹配。
了解過程后,我們可以看出可以從兩方面優化我們的css代碼:1,定義的css樣式規則條數越少越好,所以趕緊刪除css文件中不必要的樣式定義;2,優化每條規則的選擇符書寫方式,盡量讓css引擎一看就知道這個規則是否需要應用到當前這個元素上,讓引擎少走不必要的彎路。
如以下幾種效率不高的css書寫方式:
a, 用通配符作為關鍵選擇符(關鍵選擇符指的是每條規則最右側的選擇符)
新聞熱點
疑難解答