1.**在瀏覽器中如何渲染2.html一些渲染的特點
（1）順序渲染，併發載入
外部的資源併發載入，但是併發度會收到網域名稱限制，如果把一些資源託管在cdn上，建議託管在3-4個cdn網域名稱上。
（2）是否阻塞
css會阻塞js載入，會阻塞後續頁面渲染。
js載入會阻塞後續js執行
（3）依賴關係
是否動態引入js資源 單頁頁面資源載入
1.順序執行，併發載入
（1）詞法分析：html文件解析的方式 從上倒下的順序
（2）併發載入：有些資源是併發請求的
（3）併發上限：每乙個網域名稱下併發數量是有上線的
2.css阻塞
（1）css,head 中阻塞頁面的渲染
header中link會阻塞頁面渲染 要等他載入完
（2）css阻塞js的執行
因為js可能會操作dom
（3）css不阻外部指令碼的載入
3.js阻塞
（1）直接引入的js阻塞頁面的渲染
（2）js不阻塞資源的載入
通過defer,async來用
（3）js順序執行，阻塞後續js邏輯的執行
js執行單執行緒
前端效能優化 css和js的裝載與執行
前端效能優化學習筆記三 乙個 在瀏覽器端是如何進行渲染的呢？順序執行 併發載入 使用者輸入 假設是個html頁面，並且是第一次訪問 瀏覽器向伺服器發出請求，伺服器返回html檔案，瀏覽器根據詞法分析從上往下解析html 發現標籤內有乙個標籤引用外部css檔案，瀏覽器又發出css檔案的請求，伺服器返回...
布局和WEB效能
在初始頁面載入問題之外，布局顛簸 是我在動態web應用程式中看到的最常見的效能問題。對於單頁應用程式尤其如此，它可以動態構建和銷毀檢視。但是，我常常對我遇到的web開發人員的數量感到驚訝，他們不知道導致瀏覽器做不必要的布局的模式 在mozilla社群中也稱為 重排 如果您使用webkit瀏覽器進行開...
高效能js 載入和執行
指令碼載入 無阻塞的指令碼 延遲的指令碼 動態指令碼元素 var script document.createelement script script.src file1.js document.getelementsbytagname head 0 script function loadscr...