Google 字型預連線

Next.js 在 12.0.1 版後會自動加入 <link rel="preconnect" />。

請確認 Google 字型有使用 preconnect。

錯誤發生原因

對 Google 字型網域的請求未搭配使用 preconnect 資源提示。建議加入 preconnect 以便及早與來源建立連線。

在 Google 字型網域的 <link> 標籤中加入 rel="preconnect"

pages/_document.js

<link rel="preconnect" href="https://fonts.gstatic.com" />

注意：可以使用另一個含有 dns-prefetch 的連結作為不支援 preconnect 的瀏覽器的後備方案，雖然這並非必要。