Houssein Djirdeh
2021 年，Chrome Aurora 團隊推出了指令碼元件，以改善 Next.js 中第三方指令碼的載入效能。自推出以來，我們已擴充這項功能，讓開發人員能更輕鬆快速地載入第三方資源。
這篇網誌文章將概略說明我們推出的新功能，其中最值得注意的是 @next/third-parties 程式庫，以及我們未來的路線圖計畫。
第三方指令碼對成效的影響
在 Next.js 網站中，41% 的第三方要求都是指令碼。與其他內容類型不同，指令碼的下載和執行作業可能需要相當長的時間，這可能會阻斷轉譯作業，並延遲使用者互動。Chrome 使用者體驗報告 (CrUX) 的資料顯示，載入更多第三方指令碼的 Next.js 網站，其 Interaction to Next Paint (INP) 和 Largest Contentful Paint (LCP) 通過率較低。