步驟：
chrome --》 Timeline
解釋：
瀏覽器請求到HTML代碼后，在生成DOM的開始階段，並行發起css、圖片、js的請求。CSS文件下載完成后開始構建CSSOM。CSSOM構建完成后和DOM合並生成Render Tree。瀏覽器計算出每個節點在屏幕的位置進行布局。布局完成后，通過顯卡，將內容畫到屏幕上。JS修改了DOM或者CSS屬性后，Layout和Paint也會被重復執行。圖片下載完成后也需要調用Layout和Paint來更新網頁。
參考資料：
1、http://ued.ctrip.com/blog/script-defer-and-async.html#