昨天晚上寫了一篇關於瀏覽器的渲染過程的隨筆，但只是通過一小段代碼解釋了一下，並沒有通過瀏覽器測試，說服力不夠，而且還有很多不完善的地方，今天在瀏覽器中測試了一下，並把測試的結果分享給大家，測試過程可能有點亂，希望大家理解。
測試瀏覽器：Chrome v24.0.1312.52 m，Firefox v18.0，Opera v12.12。在WebKit內核中，網頁在顯示的時候會有一個解析器（Parser）去解析html文檔，然後去生成渲染樹（Render Tree），最終渲染出頁面。這是在一個線程中進行的，所以兩者不會同時進行。
我分為了以下兩種情況，並分別在不同的瀏覽器中進行測試。
樣式文件在head裡，其他的連個腳本文件一個在body的開始部分，一個在body的底部。樣式文件在body的開始部分，腳本文件的位置和上面的一樣。測試的結果是這樣的，在chrome中，樣式文件的位置會影響到圖片的下載時間，而在另外兩個瀏覽器中這兩種情況沒有區別。下面是詳細的測試過程。
測試一：樣式文件在head裡，其他的連個腳本文件一個在body的開始部分，一個在body的底部。測試的代碼：
複製代碼