頁面載入和解析流程

redhack發表於2018-04-06

輸入url,瀏覽器向伺服器發出請求，伺服器返回html檔案，瀏覽器開始載入html程式碼，發現head標籤有link標籤引入外部的css檔案，瀏覽器發出css檔案的請求，伺服器返回這個css檔案，瀏覽器繼續載入body中的程式碼，並且css檔案已經拿到手了，可以開始渲染頁面了，瀏覽器發現一個img標籤引用了一張圖片，向伺服器發出請求，此時瀏覽器不會等到圖片下載完，而是繼續渲染後面的程式碼，圖片下載完後，圖片佔用了一定面積，影響了後面段落的排布，瀏覽器會過頭來，重新渲染這部分程式碼，當瀏覽器發現一個包含script標籤的js程式碼 如果隱藏掉某個元素，瀏覽器不得不重新渲染這部分程式碼，

相關文章