什麼是預載動畫，為什麼要在 WordPress 中添加它？

預載動畫是在等待頁面加載時出現的動畫。它告訴用戶網頁仍在準備中，請他們耐心等待。一旦加載完成，預載動畫就會消失，用戶即可正常查看網頁內容。

如果您的網頁有許多圖片或視頻嵌入，那麼頁面加載時間會相對較長，這時您可能想要加入預載動畫，讓用戶願意等待頁面完全加載。

方法一：使用 WP Smart Preloader（簡單方法）

最簡單的添加預載動畫的方法是使用 WP Smart Preloader 插件。該插件內置了六種預載動畫，您也可以使用自定義 HTML 和 CSS 創建自己的動畫。首先，您需要安裝並激活 WP Smart Preloader 插件。激活後，前往設置 » WP Smart Preloader 並打開‘Smart Preloader’下拉菜單，選擇不同的動畫以查看哪個最適合您。

選擇動畫後，可以設置動畫在首頁或整個網站出現，並自定義動畫的顯示時間和淡出時間。設定完成後，點擊‘保存更改’按鈕，然後訪問您的網站以查看預載動畫效果。

方法二：使用 LoftLoader（更多自定義選項）

另一種添加預載動畫的方法是使用 LoftLoader 插件。該插件內置了多種動畫，並允許多種自定義。首先，您需要安裝並激活 LoftLoader 插件。激活後，前往設置 » LoftLoader Lite 配置插件設定。您可以選擇動畫在整個網站或僅在首頁顯示，自定義背景顏色及淡出效果等。

當您對所有設置滿意後，點擊‘發佈’按鈕，使預載動畫生效。然後，訪問您的網站查看新的預載動畫。

提高 WordPress 網站性能的終極指南

預載動畫可以給人頁面加載速度更快的印象，但不能長期解決網站性能的問題。因此，我們建議您遵循最佳的速度優化實踐，隨著網站的成長，預載動畫無法完全防止用戶跳出。

查看以下指南以提高您網站的性能：

• 加速 WordPress 性能的終極指南
• 最佳 WordPress 緩存插件
• 最快的 WordPress 主機提供商
• 如何輕鬆優化圖片而不降低質量
• 如何為您的 WordPress 網站優化視頻

希望本文能幫助您了解如何在 WordPress 中添加預載動畫。您也可以參閱我們的指南，學習如何在 WordPress 中創建登陸頁面或查看我們精選的最佳拖放頁面構建器。

如果您喜歡這篇文章，請訂閱我們的 YouTube 頻道獲取更多 WordPress 教程，也可以在 Twitter 和 Facebook 上找到我們。