你想在WordPress中禁用延遲加載嗎?默認情況下,WordPress帶有延遲加載功能,該功能會延遲圖像和其他媒體的下載以提高頁面加載速度。但是,這可能會因爲不會立即顯示圖像而影響某些網站的用戶體驗。在本文中,我們將向您展示如何在WordPress中輕鬆禁用延遲加載。
什麼是延遲加載?
WordPress首先在WordPress 5.5中引入了延遲加載圖像。後來,它將延遲加載功能擴展到iframe嵌入(如YouTube視頻,Spotify和其他嵌入)。
這種做法通過首先快速加載內容和可見區域來幫助提高網站的性能和頁面速度。
更快的網站不僅對用戶有好處,還可以提高您的網站排名,因爲像谷歌這樣的搜索引擎將速度視爲重要的排名因素。
除了圖像和嵌入之外,您還可以輕鬆延遲加載評論和 Gravatar,以進一步提高頁面加載速度。
通過右鍵單擊圖像並在瀏覽器中選擇“檢查”工具,可以看到延遲加載功能的實際效果。
這將拆分您的瀏覽器屏幕並顯示 HTML 源代碼。從這裏,您將能夠看到添加到圖像中的“load=lazy”屬性。
現在通常,我們不建議禁用延遲加載,因爲它對您的 WordPress 網站的整體好處。關閉它可能會導致網站速度變慢、轉化率降低和 SEO 排名降低。
但是,有時延遲加載會影響某些網站的用戶體驗。
例如,如果您經營一個攝影網站,其中圖像是您內容最重要的方面,那麼延遲加載它們可能會破壞客戶的用戶體驗。
在其他情況下,您可能正在使用不同的延遲加載解決方案,並且只想關閉默認的WordPress延遲加載。
方法1:使用WPCode禁用WordPress中的延遲加載(推薦)
您可以通過將自定義代碼添加到主題的函數.php文件中來簡單地禁用WordPress中的延遲加載功能。
但是,請記住,添加代碼時最小的錯誤可能會破壞您的網站並使其無法訪問。
這就是爲什麼我們建議使用WPCode將自定義代碼添加到您的網站。
它是市場上最好的WordPress自定義代碼片段插件,使添加自定義代碼變得非常容易。
首先,您需要安裝並激活WPCode插件。
注意:WPCode還有一個免費版本,可用於本教程。但是,升級到付費計劃將使您能夠訪問代碼片段庫、CSS 代碼類型、條件邏輯等功能。
激活後,從WordPress儀表板訪問代碼片段» +添加代碼片段頁面。
從這裏,單擊“添加自定義代碼(新代碼段)”選項下的“使用代碼段”按鈕。
這會將您定向到“創建自定義代碼段”頁面,您可以在其中鍵入代碼段的名稱。這可以是任何可以幫助您識別代碼片段及其功能的內容。
之後,從屏幕右上角的“代碼類型”下拉菜單中選擇“PHP 代碼段”。
現在,將以下PHP代碼複製並粘貼到“代碼預覽”框中:
add_filter( 'wp_lazy_loading_enabled', '__return_false' );
這是代碼粘貼後的外觀。
之後,向下滾動到“插入”部分。在這裏,只需選擇“自動插入”模式。
這將確保您的自定義代碼在您激活代碼段後自動在您的 WordPress 網站上的任何地方執行。
接下來,滾動回頁面頂部,只需將“非活動”開關切換爲“活動”。
之後,不要忘記單擊“保存代碼片段”按鈕以保存並執行您的代碼片段。
激活後,此自定義代碼片段將禁用WordPress博客上的延遲加載功能。
您可以通過右鍵單擊圖像並從瀏覽器菜單中選擇“檢查”來測試它。
在圖像的 HTML 代碼中,load=lazy 屬性現在將消失。
方法2:使用插件禁用WordPress中的延遲加載
如果您不想向站點添加代碼,則可以使用插件來禁用圖像的延遲加載。
您唯一需要做的就是安裝並激活禁用延遲加載插件。
該插件開箱即用,不需要任何配置。激活後,它將自動禁用您網站上的延遲加載功能。