Google 字體預先連線

注意：Next.js 在 12.0.1 版本之後會自動新增 <link rel="preconnect" />。

確保 preconnect 與 Google 字體一起使用。

為何發生此錯誤

預先連線資源提示未與對 Google 字體網域的請求一起使用。建議新增 preconnect 以啟動與來源的早期連線。

將 rel="preconnect" 新增至 Google 字體網域 <link> 標籤

pages/_document.js

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

注意：雖然非必要，但獨立的 dns-prefetch 連結可用於不支援 preconnect 的瀏覽器作為後備方案。