Web圖片資源的加載與渲染時機

原文出處：  Leechikit    此文研究頁面中的圖片資源的加載和渲染時機，使得我們能更好的管理圖片資源，避免不必要的流量和提高用戶體驗。 瀏覽器的工作流程 要研究圖片資源的加載和渲染，我們先要了解瀏覽器的工作原理。以Webkit引擎的工作流程爲例： 從上圖可看出，瀏覽器加載一個HTML頁面後進行如下操作： 解析HTML —> 構建DOM樹 加載樣式 —> 解析樣式 —> 構建樣式規則樹 加

>>阅读原文<<