十大最佳 WordPress 預加載器插件

已發表: 2021-12-18

根據 Google 的 John Mueller 的說法,您應該以 2-3 秒左右的網站加載速度為目標。 但即便如此,您可能會看到跳出率約為 6-11%。 現在,WordPress 用戶可以通過設置 WordPress 加載屏幕來最小化這個數字,以便在您的網站加載時吸引您的受眾。 為了幫助您做到這一點,我們匯總了 2021 年 10 大最佳 WordPress 預加載器插件列表。

另請閱讀:
– 2022 年 10 種最佳免費 SEO 工具
– 15 個最佳 WordPress SEO 插件以獲得更高的網站關鍵字排名

對於那些不知道的人,預加載器是您在加載網頁時在屏幕上看到的內容。 這可以是從小動畫到全屏圖像的任何內容。 什麼適合您取決於您的網站及其內容。

因此,我們整理了一個多樣化的預加載器 WordPress 插件列表,允許您添加純基於 CSS 的預加載器元素或完整的圖像或 GIF 作為您的 WordPress 加載屏幕。 我們還確保包含免費和付費插件的良好組合,因此每個人都有一些東西。

所以事不宜遲,讓我們開始吧:

目錄顯示
WordPress 預加載器插件
#1。 閣樓裝載機
#2。 預加載器加
#3。 預加載器
#4。 WP 智能預加載器
#5。 扁平預加載器
#6。 Maz Loader – WordPress 預加載器生成器
#7。 最佳預加載器
#8。 頁面加載器
#9。 終極 WordPress 預加載器
#10。 WordPress 預加載器無限
總結 - 前 10 名 WordPress 預加載器插件
欣賞我們的工作:

WordPress 預加載器插件


#1。 閣樓裝載機

下載 LoftLoader

Loftloader 是一個簡單而強大的 WordPress 預加載器插件,旨在幫助您將精美的動畫預加載器添加到您的網站。 它有免費和付費版本​​。

正如您可能想像的那樣,免費版可讓您訪問基本功能,而高級版 LoftLoader Pro 提供更高級的工具,終身許可費用為 26 美元。

但話雖如此,值得考慮的是,它的免費版本擁有超過 40,000 多個活動安裝,使其成為最受歡迎的預加載器 WordPress 插件。 如果您沒有太多花哨的要求,那麼使用免費版本就足夠了。

下面是對 LoftLoader 主要功能的更詳細介紹,讓您了解它所提供的功能。

主要特點

  • Pro 版有 19 種類型的預加載動畫,其中 6 種支持自定義圖像。 免費版有 7 種類型的預加載動畫和 2 種支持自定義圖像。
  • 所有動畫都基於純 CSS3 並被所有現代瀏覽器支持。
  • 將不同的預加載器動畫添加到您網站上的不同頁面。
  • 使用進度條或百分比計數器作為預加載器。 (專業版)
  • 啟用/禁用特定帖子和頁面的預加載器的選項。 (專業版)
  • 動畫可以設置為循環直到頁面加載或只運行一次。 (專業版)
  • 為您的讀者輸入自定義歡迎或加載消息。 (專業版)
  • 加載時禁用頁面滾動。 (專業版)
  • 非常快速和輕量級。 使用 SASS 構建。 CSS & JS 縮小。

#2。 預加載器加

下載 Preloader Plus

Preloader Plus – WordPress 加載屏幕插件是一個功能豐富的預加載器插件,也完全免費使用。 與 LoftLoader 不同,它沒有那麼多預先設計的動畫,但它允許您使用自定義圖像創建自己的預加載器動畫。

該插件附帶了許多為讀者創建引人入勝的預加載動畫所需的基本工具。 這個免費插件還允許您將進度條或百分比計數器設置為預加載器——高級版 LoftLoader 獨有的功能。

主要特點

  • 僅在第一次訪問時顯示預加載器動畫。
  • 顯示所有頁面的預加載器動畫或僅顯示首頁/主頁。
  • 訪問 6 個不同的動畫圖標。
  • 為預加載器添加自定義圖像。 支持的格式包括 – jpg、png、gif、svg。
  • 為預加載器圖像設置動畫。 控制動畫速度、不透明度、方向、距離、縮放、持續時間和延遲。
  • 設置進度條或百分比計數器以顯示當前站點加載狀態。
  • 支持自定義 HTML 和簡碼。

#3。 預加載器

下載預加載器

就像它簡單明了的名字一樣,Preloader 是一個用於添加 WordPress 加載屏幕的簡單插件。

它不會用太多的功能或選項讓您不知所措。 您將可以訪問 10 個預加載器選項,您可以選擇為整個網站或僅對您的帖子/頁面啟用這些選項。 該插件還允許您選擇自定義背景顏色,預加載器動畫將在該背景顏色上發生。

現在通過其簡單和最小的功能集,您可能已經猜到該插件是免費使用的。 它也非常受歡迎,有超過 20,000 個活動安裝,因此您可以打賭它在它聲稱的功能上非常出色。

主要特點

  • 帶有 10 個選項來顯示預加載器。
  • 在整個網站或僅在帖子/頁面等上顯示預加載器的選項。
  • 添加自定義背景顏色。
  • 支持 Retina 的預加載器動畫。
  • WooCommerce 支持。
  • 基於 JQuery 和 CSS3。

#4。 WP 智能預加載器

下載 WP Smart Preloader

WP Smart Preloader 是另一個免費的 WordPress 加載屏幕插件,它使用 CSS spinners 和 throbbers 在您的網站上創建預加載器動畫。 它超級快速和輕量級,僅使用 CSS 和極少的 HTML 標記。

然而,儘管它的佔用空間極小,但該插件確實為您提供了許多必要的功能來自定義預加載器並使其與您網站的設計和美學融為一體。

它還為您提供添加自己的自定義動畫的選項,並添加自定義 CSS 以更改預加載器動畫的外觀。

主要特點

  • 帶有一堆基於 CSS 的預加載器。 沒有可能增加額外不必要的體積的 Gif 或圖像。
  • 您也可以添加自己的自定義基於 CSS 的預加載器。
  • 添加自定義 CSS 以更改預加載器的外觀。
  • 僅在主頁或整個網站上顯示預加載器的選項。
  • 控制預加載器的持續時間。
  • 使預加載器在加載完成時淡出並顯示網頁。 控制淡出延遲的選項。

#5。 扁平預加載器

下載平面預加載器

如果您的網站使用扁平化設計語言,您可以使用 Flat Preloader 插件添加扁平化 WordPress 加載屏幕並創建連貫的用戶體驗。

該插件帶有超過 25 個基於平面設計語言的預加載器選項,看起來乾淨、簡約和現代。 如果需要,它甚至可以讓您選擇將表情符號添加為預加載器。

除此之外,還有一個選項可以添加自定義文本以與預加載器一起顯示。 您還可以為預加載器設置延遲時間以淡出並顯示加載的網頁。

最好的部分是什麼? 所有這些選項都是完全免費的!

主要特點

  • 基於平面設計風格的大量預加載器選項。
  • 將表情符號添加為預加載器的選項。
  • 僅在主頁或整個網站上顯示預加載器。
  • 設置自定義文本顯示在預加載器下。
  • 設置預加載器淡出到完全加載的網頁的延遲時間。

#6。 Maz Loader – WordPress 預加載器生成器

下載 Maz 裝載機

Maz Loader 是 WordPress 的預加載器構建器插件,可讓您為您的網站創建自定義預加載器。 該插件使您可以訪問大量字段,您可以將這些字段與動畫和過渡效果一起使用,以創建獨特的預加載器並吸引您的用戶,直到您的網站被加載。

現在類似於 LoftLoader,這也是一個免費增值的 WordPress 預加載器插件,這意味著基本插件是免費提供的,但您可以通過付費版本訪問更多功能。

在這裡,我們快速瀏覽了免費版和付費版插件的一些主要功能。 這應該可以幫助您確定哪一個最適合您的需求。

主要特點

  • 使用字段填充預加載器內容。 免費版支持文本字段、圖像字段和圖標字段。 專業版支持進度條字段、百分比字段、Lottie 字段和自定義 HTML 字段。
  • 可以使用各種設置和選項自定義字段。 動畫和過渡效果僅適用於專業版。
  • 使用自定義顏色、圖案或背景圖像自定義預加載器背景的選項。
  • 添加自定義 CSS 或 JS 代碼以控制預加載器行為。 (專業版)
  • 發佈設置可讓您精細控制希望預加載器出現的位置——僅主頁、整個網站、僅帖子、僅頁面、僅特定類別、標籤、自定義帖子類型等。 (專業版)

#7。 最佳預加載器

下載最佳預加載器

Best Preloader 真的是最好的 WordPress Preloader 插件嗎? 好吧,這絕對是其中之一,這要歸功於其易於訪問且直觀的功能集!

該插件是免費的,易於使用,並為您提供設置預加載器 WordPress 加載屏幕所需的所有基本功能。 默認情況下,它帶有一個簡單的 GIF 預加載器圖像。 但是,您也可以添加自己的自定義圖像、調整其大小並創建自己的預加載器。

主要特點

  • 附帶一個開箱即用的基本預加載器 GIF。
  • 使用自定義圖像作為預加載器的選項。 調整上傳的預加載圖像的大小。
  • 使用顏色選擇器調整預加載器的背景顏色。
  • 在整個網站或主頁上顯示預加載器。
  • 設置預加載器出現在屏幕上的延遲時間。

#8。 頁面加載器

下載最佳 PageLoader

PageLoader 是一個高級的 WordPress 加載屏幕和進度條插件。 與列表中的其他插件不同,此插件沒有免費版本。 但它確實讓您可以訪問一系列很棒的功能,讓您將加載屏幕變成一個成熟的品牌工具。

為了幫助您入門,該插件具有 10 個外觀精美的預加載器圖標。 您可以自定義其位置、動畫速度、大小、顏色、模糊效果等。 但如果您不喜歡它,您也可以添加自己的自定義加載圖像,並帶有添加動畫效果的選項。

除此之外,該插件還為您提供了大量選項來添加和操作加載屏幕背景、進度條、加載消息、加載後動畫等等。

主要特點

  • 附帶 10 個專業設計的動畫預加載器圖標。
  • 設置預加載器圖標位置、動畫速度、大小、顏色、模糊和淡入淡出效果。
  • 使用自定義圖像作為加載屏幕。 在自定義圖像上添加脈動動畫。
  • 添加和自定義帶有淡入淡出或滑動動畫、不同顏色選項和透明效果的加載屏幕背景。
  • 添加進度條以顯示站點加載狀態。
  • 添加加載頁面以在網站加載時讓用戶保持娛樂。
  • 為用戶提供關閉功能,以防網頁無法加載。
  • 為預加載器設置加載動畫以過渡到加載的網頁。
  • 在您的整個網站或特定帖子/頁面上或僅在手機和平板電腦等特定設備上顯示預加載器。
  • 極其輕量級和資源高效。

#9。 終極 WordPress 預加載器

下載終極 WordPress 預加載器

使用 Ultimate WordPress Preloader 插件,您可以訪問 53 種純 CSS3(無圖像)動畫預加載器樣式以及 29 種動畫 GIF 預加載器。 如果您正在尋找大量不同的預加載器選項,那麼這個高級插件是您最好的選擇。

它也是高度可定制的,讓您可以選擇使用預加載器元素大小、元素顏色,甚至是預加載器加載屏幕的背景顏色。 甚至可以選擇上傳您的自定義 GIF 預加載器,然後使用插件工具對其進行調整。 酷吧?

主要特點

  • 訪問 53 個 CSS3 編碼的動畫預加載器。 沒有使用圖像。 如果您正在尋求快速的性能,這非常好。
  • 29 種動畫 GIF 預加載器樣式。 如果您想要一個更有趣的 WordPress 加載屏幕,這些都是基於圖像的並且很有用。
  • 添加 GIF 預加載器圖像的選項。
  • 所有預加載器元素的 7 種不同尺寸。
  • 使用內置顏色選擇器調整所有預加載器元素顏色的選項。
  • 使用內置顏色選擇器調整加載屏幕背景顏色的選項。

#10。 WordPress 預加載器無限

無限下載 WordPress 預加載器

並將最好的留到最後,我們有 WordPress Preloader Unlimited。 這是迄今為止最具特色的 WordPress 加載屏幕之一。 即使它是一個高級插件,它也很實惠,只需 17 美元。

那麼你用這筆錢換來了什麼?

首先,您可以訪問一個包含 50 多個基於 GIF 的預加載動畫的大型庫。 最重要的是,您還有另外 50 多個純 CSS3 預加載器動畫,這些動畫看起來非常酷且設計專業。

但這還不是全部! 您可以將任何文本或圖像設置為填充動畫,以在網頁加載時佔據整個屏幕。 甚至還支持 2D/3D 風格的字體,讓您的 WordPress 加載屏幕動畫更有趣。

一旦你考慮到插件強大的自定義選項,你會發現你可以創建幾乎任何你能想到的加載屏幕。

因此,如果您想創建一個獨特而有趣的預加載或加載屏幕來娛樂和吸引您的觀眾,那麼 WordPress Preloader Unlimited 是該工作的最佳插件之一!

主要特點

  • 超過 50 個 GIF 預加載器動畫。
  • 超過 50 個純 CSS3 預加載動畫。
  • 上傳和使用您自己的自定義圖像作為預加載器的選項。
  • 添加任何圖像或文本作為自定義加載屏幕。
  • 使用 2D/3D 樣式的文本使加載屏幕文本更有趣。
  • 強大的自定義選項讓您幾乎可以控制每個預加載器元素的各個方面。
  • 為整個網站、特定帖子/頁面或特定設備(如手機和平板電腦)啟用/禁用預加載器。

總結 - 前 10 名 WordPress 預加載器插件

因此,這是我們列出的 2021 年 10 大最佳 WordPress 預加載器插件列表。我們希望您發現此列表很有用,並幫助您找到設置 WordPress 加載屏幕的工具。

但是,如果您仍然不確定要選擇哪個預加載器 WordPress 插件,那麼您可以遵循此指南。

如果您正在尋找選項和負擔能力的強大平衡,LoftLoader 是一個不錯的選擇。

對於希望通過訪問大量預加載器動畫、強大的自定義選項並且不介意花一些錢的用戶來說, WordPress Preloader Unlimited是最佳選擇。 但是,如果您正在尋找所有功能但免費,那麼Flat PreloaderPreloader Plus也是不錯的選擇。

但這只是我們的意見。 您告訴我們您認為哪個 WordPress Preloader 插件最好。 如果它不包含在列表中,請在評論中提及。

下載 LoftLoader