心理

當前位置 /首頁/完美生活/心理/列表

web前端影響頁面渲染的主要因素是

web前端影響頁面渲染的主要因素是

主要因素:

1、script腳本阻塞渲染進程,一般的處理都是將script放在body標籤的尾部,或者採用異步script

2、頁面體積。一般頁面內容越多,越複雜,瀏覽器渲染的耗時就越大,所以一般的處理方式是頁面懶加載,按需加載,將一個大的script分成多個bundle文件

3、頁面中有耗時的執行腳本,這個過程是在頁面瀏覽過程中,因爲執行某段耗時腳本而導致的頁面卡頓,這種情況可以考慮將耗時任務放到web worker中和頁面線程並行

4、頁面中引入ifreme,或者移動播放的媒體組件。因爲iframe會阻止瀏覽器渲染進程,所以建議頁面中不到萬不得已,儘量少使用iframe,對於視頻這種資源比較大的場景,可以等頁面加載完成後再啓動媒體的加載。

5、網絡問題也是影響頁面加載的原因之一,一般我們的處理方案是對靜態資源打包壓縮,或者採用cdn來降低加載耗時,減少同域名下網絡的請求數也是一個優化措施

TAG標籤:web 頁面 渲染 前端 #