渲染是以流式進行的。不需要得到全部數據再渲染，如：HTML文件下載多少就渲染多少；
ii.大多數HTML外部資源都不會阻塞UI線程，如：CSS、IMG、Flash等，沒有load完畢的圖片會留一個空位置在那裏；
iii.大多數的HTML元素都是渲染出DOM便立刻顯示的；
iiii.HTML從上到下解析，該過程不可逆。但會出現reflow（重排） and repaint（重繪）。
一、瀏覽器加載和渲染html的順序
1、IE下載的順序是從上到下，渲染的順序也是從上到下，下載和渲染是同時進行的。以流式進行
2、在渲染到頁面的某一部分時，其上面的所有部分都已經下載完成（並不是說所有相關聯的元素都已經下載完）
3、如果遇到語義解釋性的標籤嵌入文件（JS腳本，CSS樣式），那麼此時IE的下載過程會啓用單獨連接進行下載。
4、並且在下載後進行解析，解析過程中，停止頁面所有往下元素的下載。阻塞加載
5、樣式表在下載完成後，將和以前下載的所有樣式表一起進行解析，解析完成後，將對此前所有元素（含以前已經渲染的）重新進行渲染。
6、JS、CSS中如有重定義，後定義函數將覆蓋前定義函數
二、JS的加載
1、瀏覽器對於Javascript的運行有兩大特性：1）載入後馬上執行，2）執行時會阻塞頁面後續的內容（包括頁面的渲染、其它資源的下載）。於是，如果有多個js文件被引入，那麼對於瀏覽器來說，這些js文件被被串行地載入，並依次執行。因爲javascript可能會來操作HTML文檔的DOM樹，所以，瀏覽器一般都不會像並行下載css文件並行下載js文件，因爲這是js文件的特殊性造成的。所以，如果你的javascript想操作後面的DOM元素，基本上來說，瀏覽器都會報錯說對象找不到。因爲Javascript執行時，後面的HTML被阻塞住了，DOM樹時還沒有後面的DOM結點。所以程序也就報錯了。
2、當所有樣式表都下載完成以後頁面纔開始一起解析css文件開始渲染文件。
3、因爲瀏覽器的加載是從上到下一行一行的加載的，所以如果頁面同事定義了兩個相同命名的js函數，後面的函數會覆蓋前面的函數。
三、HTML頁面加載和解析流程
1.用戶輸入網址（假設是個html頁面，並且是第一次訪問），瀏覽器向服務器發出請求，服務器返回html文件；
2.瀏覽器開始載入html代碼，發現＜head＞標籤內有一個＜link＞標籤引用外部CSS文件；
3.瀏覽器又發出CSS文件的請求，服務器返回這個CSS文件；
4.瀏覽器繼續載入html中＜body＞部分的代碼，並且CSS文件已經拿到手了，可以開始渲染頁面了；
5.瀏覽器在代碼中發現一個＜img＞標籤引用了一張圖片，向服務器發出請求。此時瀏覽器不會等到圖片下載完，而是繼續渲染後面的代碼；
6.服務器返回圖片文件，由於圖片佔用了一定面積，影響了後面段落的排布，因此瀏覽器需要回過頭來重新渲染這部分代碼；
7.瀏覽器發現了一個包含一行Javascript代碼的＜script＞標籤，趕快運行它；
8.Javascript腳本執行了這條語句，它命令瀏覽器隱藏掉代碼中的某個＜div＞ （style.display=”none”）。杯具啊，突然就少了這麼一個元素，瀏覽器不得不重新渲染這部分代碼；
9.終於等到了＜/html＞的到來，瀏覽器淚流滿面……
10.等等，還沒完，用戶點了一下界面中的“換膚”按鈕，Javascript讓瀏覽器換了一下＜link＞標籤的CSS路徑；
11.瀏覽器召集了在座的各位＜div＞＜span＞＜ul＞＜li＞們，“大夥兒收拾收拾行李，咱得重新來過……”，瀏覽器向服務器請求了新的CSS文件，重新渲染頁面。