1 解析 html 標簽 構建dom樹
2 解析css：

• css腳本有兩種引入方式 link 標簽方式和@import方式。
• link在引入css時，會在頁面加載的同時進行加載，而@import則需要在頁面加載完成之后才加載。
• link是XHTML標簽無兼容性問題，@import在低版本瀏覽器中不支持
• link還支持js控制dom的方式改變樣式，@import不支持。

3 在渲染樹的基礎上進行布局，計算每個節(jié)點的幾何結構。
4 把節(jié)點繪制到屏幕上。

在html中css的引入一般放在header標簽中，而js的引入放在body中代碼的底部，相對于html與css js腳本的加載和執(zhí)行是阻塞的，會影響頁面的加載速度

script標簽中有sync和defer兩個屬性，它們都能起到使js腳本異步加載的作用，但兩者之間還有一定的區(qū)別：

• sync表示頁面加載過程中不影響js腳本的加載與執(zhí)行（加載執(zhí)行都是異步）；
• defer表示js腳本異步加載，但是需要等到頁面加載完成之后才能執(zhí)行（與放在body中代碼之后作用相同）