JavaScript files are blocking page rendering.

網站架設seo

總經理/帝王引擎 Vince Wu

2022-10-07
    內容大綱

問題:JavaScript files are blocking page rendering.

By default, references to external JavaScript files will block the page from rendering while they are fetched and executed. Often, these files can be loaded in a different manner, freeing up the page to visually render sooner.

圖片:

解答:

  1. 使用defer:使用緩載語法,標籤加入defer。
  2. 使用async:使用非同步語法,標籤加入async。
  3. 寫入HTML:將Js檔案直接寫入HTML檔案中(較不建議),將指定外部腳本的內容直接嵌入到script元素內的 HTML 中。這會增加 HTML 的大小,但通常可以通過避免服務器往返來讓頁面頁面更快地顯示。

其它資訊