本頁面由 Cloud Translation API 翻譯而成。

使用門面元件延遲載入第三方資源

第三方資源通常用於顯示廣告或影片，以及與社群媒體整合。預設做法是在網頁載入後立即載入第三方資源，但這可能會不必要地減緩網頁載入速度。如果第三方內容不重要，可以延遲載入，減少這類效能成本。

這項稽核會醒目顯示可延遲載入的第三方內嵌內容。在這種情況下，系統會使用外觀取代第三方內容，直到使用者與其互動為止。

Lighthouse 如何偵測可延遲載入的第三方嵌入內容

Lighthouse 會尋找可延遲載入的第三方產品，例如社群按鈕小工具或內嵌影片 (例如 YouTube 內嵌播放器)。

可延遲產品和可用外觀的資料會保留在第三方網站。

如果網頁載入屬於其中一個第三方嵌入內容的資源，稽核就會失敗。

請勿直接將第三方嵌入內容加入 HTML，而是載入包含靜態元素的網頁，該元素看起來應與實際嵌入的第三方內容類似。互動模式應如下所示：

一般來說，影片嵌入、社群按鈕小工具和即時通訊小工具都可以採用外觀模式。選擇外觀時，請考量大小和功能集之間的平衡。

以下列出我們建議使用的開放原始碼 Facade。您也可以使用延遲載入 iframe 載入器，例如 vb/lazyframe。

您可以選擇建構自訂外觀解決方案，採用先前所述的互動模式。與延遲的第三方產品相比，外觀應明顯較小，且只包含足夠的程式碼來模擬產品外觀。

如要將解決方案加入清單，請參閱提交程序。