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

主要因素:

1、script指令碼阻塞渲染程序，一般的處理都是將script放在body標籤的尾部，或者採用非同步script

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

3、頁面中有耗時的執行指令碼，這個過程是在頁面瀏覽過程中，因為執行某段耗時指令碼而導致的頁面卡頓，這種情況可以考慮將耗時任務放到web worker中和頁面執行緒並行

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

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