回覆列表
  • 1 # You勵志

    主要因素:

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

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

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

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

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

  • 中秋節和大豐收的關聯?
  • 八寶鴨粽做法?