Top 10 najlepszych wtyczek WordPress Preloader

Według Johna Muellera z Google, powinieneś ustawić prędkość ładowania witryny na około 2-3 sekundy. Ale nawet wtedy możesz zobaczyć współczynnik odrzuceń na poziomie około 6-11%. Teraz użytkownicy WordPressa mogą zminimalizować tę liczbę, konfigurując ekran ładowania WordPress, aby angażować odbiorców podczas ładowania witryny. Aby Ci w tym pomóc, przygotowaliśmy listę 10 najlepszych wtyczek WordPress Preloader w 2021 roku.

Przeczytaj także:
– 10 najlepszych darmowych narzędzi SEO 2022
– 15 najlepszych wtyczek SEO WordPress, aby uzyskać wyższe rankingi słów kluczowych w witrynach

Dla tych, którzy nie wiedzą, preloader to to, co widzisz na ekranie podczas wczytywania strony internetowej. Może to być wszystko, od małej animacji po obraz pełnoekranowy. To, co jest dla Ciebie odpowiednie, zależy od Twojej witryny i jej zawartości.

W związku z tym przygotowaliśmy zróżnicowaną listę wtyczek WordPress do wstępnego ładowania, które umożliwiają dodanie czystego elementu wstępnego ładowania opartego na CSS lub pełnego obrazu lub GIF-a jako ekranu ładowania WordPressa. Zadbaliśmy również o to, aby dodać dobrą mieszankę darmowych i płatnych wtyczek, więc każdy znajdzie coś dla siebie.

Więc bez zbędnych ceregieli zacznijmy:

Wtyczki WordPress Preloader

#1. LoftLoader

Pobierz LoftLoader

Loftloader to prosta, ale potężna wtyczka preloadera WordPress, zaprojektowana, aby pomóc Ci dodać pięknie animowane preloadery do Twojej witryny. Jest dostępny zarówno w wersji bezpłatnej, jak i płatnej.

Jak możesz sobie wyobrazić, darmowa wersja daje dostęp do podstawowych funkcjonalności, natomiast bardziej zaawansowane narzędzia są dostępne w wersji premium – LoftLoader Pro, która kosztuje 26 USD za dożywotnią licencję.

Ale biorąc to pod uwagę, warto wziąć pod uwagę, że jego darmowa wersja ma ponad 40 000 aktywnych instalacji, co czyni ją najpopularniejszą wtyczką WordPress do ładowania wstępnego. Jeśli nie masz zbyt wielu wymyślnych wymagań, skorzystanie z darmowej wersji powinno wystarczyć.

Oto bardziej szczegółowe spojrzenie na kluczowe funkcje LoftLoadera, aby dać ci wyobrażenie o tym, co ma do zaoferowania.

Kluczowe cechy :

• Wersja Pro ma 19 typów animacji wstępnego ładowania, z których 6 obsługuje niestandardowe obrazy. Darmowa wersja ma 7 typów animacji wstępnego ładowania z 2 wspierającymi niestandardowymi obrazami.
• Wszystkie animacje oparte są na czystym CSS3 i obsługiwane przez wszystkie nowoczesne przeglądarki.
• Dodaj różne animacje modułu wstępnego ładowania do różnych stron w swojej witrynie.
• Użyj paska postępu lub licznika procentowego jako modułu wstępnego ładowania. (Zawodowiec)
• Możliwość włączenia/wyłączenia modułu wstępnego ładowania dla określonych postów i stron. (Zawodowiec)
• Animacje można ustawić w pętli do momentu załadowania strony lub po prostu uruchomić się raz. (Zawodowiec)
• Wprowadź niestandardową wiadomość powitalną lub wczytującą dla swoich czytelników. (Zawodowiec)
• Wyłącz przewijanie strony podczas ładowania. (Zawodowiec)
• Niezwykle szybki i lekki. Zbudowany przy użyciu SASS. Zminimalizowany CSS i JS.

#2. Preloader Plus

Pobierz Preloader Plus

Wtyczka Preloader Plus – ekran ładowania WordPressa to pełna funkcji wtyczka preloader, która jest również całkowicie darmowa. W przeciwieństwie do LoftLoadera, nie zawiera wielu wstępnie zaprojektowanych animacji, ale pozwala tworzyć własne animacje preloadera przy użyciu niestandardowych obrazów.

Wtyczka zawiera wiele podstawowych narzędzi, których będziesz potrzebować, aby stworzyć wciągającą animację wstępnego ładowania dla swoich czytelników. Ta bezpłatna wtyczka pozwala również ustawić pasek postępu lub licznik procentowy jako preloader – funkcje dostępne wyłącznie w wersji premium LoftLoadera.

Kluczowe cechy :

• Pokaż animację wstępnego ładowania tylko podczas pierwszej wizyty.
• Pokaż animację modułu wstępnego ładowania dla wszystkich stron lub tylko dla strony przedniej/głównej.
• Dostęp do 6 różnych animowanych ikon.
• Dodaj niestandardowe obrazy do modułu wstępnego ładowania. Obsługiwane formaty to – jpg, png, gif, svg.
• Ustaw animację dla obrazu modułu wstępnego ładowania. Kontroluj szybkość, nieprzezroczystość, kierunek, odległość, skalowanie, czas trwania i opóźnienie animacji.
• Ustaw pasek postępu lub licznik procentowy, aby pokazać aktualny stan ładowania witryny.
• Obsługuje niestandardowy kod HTML i skróty.

#3. Wstępne ładowanie

Pobierz Preloader

Podobnie jak jego prosta i jednoznaczna nazwa, Preloader to prosta wtyczka do dodawania ekranu ładowania WordPress.

Nie przytłacza Cię zbyt wieloma funkcjami lub opcjami. Otrzymasz dostęp do 10 opcji wstępnego ładowania, które możesz włączyć dla całej witryny lub tylko dla swoich postów/stron. Wtyczka pozwala również wybrać niestandardowy kolor tła, na którym będzie miała miejsce animacja preloadera.

Teraz, korzystając z prostego i minimalnego zestawu funkcji, mogłeś już zgadnąć, że wtyczka jest darmowa. Jest również niezwykle popularny z ponad 20 000 aktywnych instalacji, więc możesz się założyć, że jest świetny w tym, co twierdzi.

Kluczowe cechy :

• Zawiera 10 opcji wyświetlania preloaderów.
• Opcja wyświetlania modułu wstępnego ładowania w całej witrynie lub tylko na postach/stronach itp.
• Dodaj niestandardowy kolor tła.
• Animacje modułu wstępnego ładowania zgodne z Retina.
• Wsparcie WooCommerce.
• Oparte na JQuery i CSS3.

#4. WP Smart Preloader

Pobierz WP Smart Preloader

WP Smart Preloader to kolejna bezpłatna wtyczka do ekranu ładowania WordPress, która wykorzystuje spinnery i thobbery CSS do tworzenia animacji wstępnego ładowania w Twojej witrynie. Jest super szybki i lekki, wykonany tylko przy użyciu CSS i bardzo minimalnych znaczników HTML.

Jednak pomimo bardzo małych rozmiarów wtyczka zapewnia wiele funkcji niezbędnych do dostosowania modułu wstępnego ładowania i dopasowania go do projektu i estetyki witryny.

Daje również możliwość dodania własnej niestandardowej animacji, a także dodaje niestandardowy CSS, aby zmienić wygląd i działanie animacji wstępnego ładowania.

Kluczowe cechy :

• Zawiera kilka programów ładowania wstępnego opartych na CSS. Żadnych gifów ani obrazów, które mogą dodać niepotrzebnej masy.
• Możesz również dodać własny niestandardowy moduł wstępnego ładowania oparty na CSS.
• Dodaj niestandardowy kod CSS, aby zmienić wygląd modułu wstępnego ładowania.
• Opcja wyświetlania preloadera tylko na stronie głównej lub w całej witrynie.
• Kontroluj czas trwania modułu wstępnego ładowania.
• Włącz wygaszanie modułu wstępnego ładowania i wyświetlanie strony internetowej po zakończeniu ładowania. Możliwość sterowania opóźnieniem zanikania.

#5. Płaski moduł ładowania wstępnego

Pobierz płaski preloader

Jeśli Twoja witryna używa płaskiego języka projektowania, możesz użyć wtyczki Flat Preloader, aby dodać płaski ekran ładowania WordPress i stworzyć spójny interfejs użytkownika.

Wtyczka zawiera ponad 25 opcji wstępnego ładowania w oparciu o płaski język, który wygląda czysto, minimalistycznie i nowocześnie. Daje nawet możliwość dodania emotikonów jako preloadera, jeśli chcesz.

Poza tym istnieje możliwość dodania niestandardowego tekstu, który pojawi się w module ładowania wstępnego. Możesz także ustawić czas opóźnienia, po którym moduł wstępnego ładowania wygaśnie i wyświetli załadowaną stronę internetową.

A najlepsza część? Wszystkie te opcje są dostępne całkowicie za darmo!

Kluczowe cechy :

• Mnóstwo opcji wstępnego ładowania w oparciu o płaski styl.
• Możliwość dodania emotikonów jako preloadera.
• Pokaż preloader tylko na stronie głównej lub w całej witrynie.
• Ustaw niestandardowy tekst, aby pojawiał się pod modułem wstępnego ładowania.
• Ustaw czas opóźnienia, po którym moduł wstępnego ładowania zniknie na w pełni załadowanej stronie internetowej.

#6. Maz Loader – Preloader Builder dla WordPress

Pobierz Maz Loader

Maz Loader to wtyczka do budowania preloadera dla WordPress, która pozwoli Ci stworzyć niestandardowy preloader dla Twojej witryny. Wtyczka zapewnia dostęp do mnóstwa pól, których można używać wraz z animacjami i efektami przejścia, aby tworzyć unikalne moduły wstępnego ładowania i angażować użytkowników, dopóki witryna nie zostanie załadowana.

Teraz podobnie jak LoftLoader, jest to również wtyczka freemium WordPress preloader, co oznacza, że ​​podstawowa wtyczka jest dostępna za darmo, ale możesz uzyskać dostęp do większej liczby funkcji, korzystając z wersji płatnej.

Tutaj zebraliśmy krótkie spojrzenie na niektóre kluczowe funkcje dostępne w bezpłatnej wersji, a także w płatnej wersji wtyczki. Powinno to pomóc Ci zdecydować, który z nich najlepiej odpowiada Twoim potrzebom.

Kluczowe cechy :

• Używa pól do wypełnienia zawartości modułu wstępnego ładowania. Darmowa wersja obsługuje pole tekstowe, pole obrazu i pole ikony. Wersja Pro obsługuje pole paska postępu, pole procentu, pole Lottie i niestandardowe pole HTML.
• Pola można dostosowywać za pomocą różnych ustawień i opcji. Animacje i efekty przejścia są dostępne tylko w wersji Pro.
• Możliwość dostosowania tła modułu wstępnego ładowania za pomocą niestandardowych kolorów, wzorów lub obrazu tła.
• Dodaj niestandardowy kod CSS lub JS, aby kontrolować zachowanie modułu wstępnego ładowania. (Zawodowiec)
• Ustawienia publikowania zapewniają szczegółową kontrolę nad tym, gdzie ma się pojawiać moduł wstępnego ładowania — tylko strona główna, cała witryna, tylko posty, tylko strony, tylko w określonych kategoriach, tagi, niestandardowe typy postów i tak dalej. (Zawodowiec)

7. Najlepszy preloader

Pobierz najlepszy preloader

Czy Best Preloader to naprawdę najlepsza wtyczka WordPress Preloader? Cóż, zdecydowanie jest jednym z nich, dzięki przystępnemu i intuicyjnemu zestawowi funkcji!

Wtyczka jest bezpłatna, łatwa w użyciu i zapewnia wszystkie podstawowe funkcje niezbędne do skonfigurowania ekranu ładowania WordPress z preloaderem. Domyślnie jest dostarczany z prostym obrazem wstępnego ładowania GIF. Możesz jednak dodać własny niestandardowy obraz, dostosować jego rozmiar i utworzyć własny moduł ładowania wstępnego.

Kluczowe cechy :

• W zestawie z podstawowym preloaderem GIF po wyjęciu z pudełka.
• Możliwość użycia niestandardowego obrazu jako modułu wstępnego ładowania. Dostosuj rozmiar przesłanego obrazu modułu wstępnego ładowania.
• Dostosuj kolor tła modułu wstępnego ładowania za pomocą próbnika kolorów.
• Pokaż preloader w całej witrynie lub tylko na stronie głównej.
• Ustaw czas opóźnienia, po którym moduł ładowania wstępnego pojawi się na ekranie.

#8. Page Loader

Pobierz najlepszy program do ładowania stron

PageLoader to wysokiej jakości wtyczka do ekranu ładowania WordPress i paska postępu. W przeciwieństwie do innych wtyczek na liście, ta nie ma darmowej wersji. Daje jednak dostęp do całego szeregu niesamowitych funkcji, które pozwalają zmienić ekran ładowania w pełnowymiarowe narzędzie do brandingu.

Na początek wtyczka zawiera 10 niesamowicie wyglądających ikon preloadera. Możesz dostosować jego położenie, szybkość animacji, rozmiar, kolor, efekt rozmycia i tym podobne. Ale jeśli ci się to nie podoba, możesz również dodać własny niestandardowy obraz ładowania z opcją dodawania efektów animacji.

Poza tym wtyczka oferuje mnóstwo opcji dodawania i manipulowania tłem ekranu ładowania, paskiem postępu, ładowaniem wiadomości, animacjami po załadowaniu i wieloma innymi.

Kluczowe cechy :

• Zawiera 10 profesjonalnie zaprojektowanych animowanych ikon modułu wstępnego ładowania.
• Ustaw pozycję ikony modułu wstępnego ładowania, szybkość animacji, rozmiar, kolor, efekty rozmycia i zanikania.
• Użyj niestandardowego obrazu jako ekranu ładowania. Dodaj pulsującą animację na niestandardowym obrazie.
• Dodaj i dostosuj tło ekranu ładowania za pomocą animacji zanikania lub slajdów, różnych opcji kolorów i efektów przezroczystości.
• Dodaj pasek postępu, aby pokazać stan ładowania witryny.
• Dodaj stronę ładowania, aby zapewnić rozrywkę użytkownikowi podczas ładowania witryny.
• Daj użytkownikom funkcję zamykania na wypadek niepowodzenia załadowania strony internetowej.
• Ustaw animację wczytywania, aby moduł ładowania wstępnego przechodził na wczytaną stronę internetową.
• Wyświetlaj moduł ładowania wstępnego w całej witrynie lub określonych postach/stronach lub tylko na określonych urządzeniach, takich jak telefony i tablety.
• Niezwykle lekki i zasobooszczędny.

#9. Najlepszy preloader WordPress

Pobierz Ultimate WordPress Preloader

Dzięki wtyczce Ultimate WordPress Preloader uzyskujesz dostęp do 53 animowanych stylów preloadera w czystym CSS3 (bez obrazów) wraz z 29 animowanymi preloaderami GIF. Jeśli szukasz mnóstwa różnych opcji preloadera, ta wtyczka premium jest najlepszym wyborem.

Jest również wysoce konfigurowalny, dzięki czemu możesz pobawić się rozmiarem elementu wstępnego ładowania, kolorem elementu, a nawet kolorem tła ekranu wczytywania wstępnego ładowania. Istnieje nawet możliwość przesłania niestandardowego modułu wstępnego ładowania GIF, a następnie dostosowania go za pomocą narzędzi wtyczek. Fajnie, prawda?

Kluczowe cechy :

• Dostęp do 53 animowanych programów wstępnego ładowania w kodzie CSS3. Żadne obrazy nie są używane. Jest to doskonałe rozwiązanie, jeśli szukasz wysokiej wydajności.
• 29 animowanych stylów wstępnego ładowania plików GIF. Są one oparte na obrazach i są przydatne, jeśli chcesz mieć bardziej zabawny ekran ładowania WordPress.
• Opcja dodania obrazu wstępnego ładowania GIF.
• 7 różnych rozmiarów dla wszystkich elementów preloadera.
• Możliwość dostosowania koloru wszystkich elementów preloadera za pomocą wbudowanego selektora kolorów.
• Możliwość dostosowania koloru tła ekranu ładowania za pomocą wbudowanego selektora kolorów.

#10. Nieograniczony preloader WordPress

Pobierz WordPress Preloader bez ograniczeń

A najlepsze zostawiamy na koniec, mamy WordPress Preloader Unlimited. Jest to zdecydowanie jeden z najbardziej funkcjonalnych ekranów ładowania WordPressa. I chociaż jest to wtyczka premium, jest dość przystępna cenowo za jedyne 17 USD.

Więc co dostajesz w zamian za te pieniądze?

Na początek uzyskasz dostęp do dużej biblioteki ponad 50 animacji preloadera opartych na formacie GIF. Co więcej, masz jeszcze 50+ czystych animacji preloadera CSS3, które są wyjątkowo fajnie wyglądające i profesjonalnie zaprojektowane.

Ale to nie wszystko! Możesz ustawić dowolny tekst lub obraz jako animację wypełnienia, która zajmie cały ekran podczas wczytywania strony internetowej. Jest nawet wsparcie dla napisów w stylu 2D/3D, aby animacje na ekranie ładowania WordPress były bardziej zabawne.

A kiedy weźmiesz pod uwagę potężne opcje dostosowywania wtyczki, zobaczysz, że możesz stworzyć prawie każdy rodzaj ekranu ładowania, o jakim tylko pomyślisz.

Więc jeśli chcesz stworzyć unikalny i zabawny ekran wstępnego ładowania lub ładowania, aby bawić i angażować odbiorców, WordPress Preloader Unlimited to jedna z najlepszych wtyczek do tego zadania!

Kluczowe cechy :

• Ponad 50 animacji wstępnego ładowania GIF.
• Ponad 50 czystych animacji preloadera CSS3.
• Możliwość przesłania i użycia własnego niestandardowego obrazu jako preloadera.
• Dodaj dowolny obraz lub tekst jako niestandardowy ekran ładowania.
• Użyj tekstu w stylu 2D/3D, aby tekst na ekranie ładowania był bardziej zabawny.
• Zaawansowane opcje dostosowywania pozwalają kontrolować prawie każdy aspekt każdego elementu wstępnego ładowania.
• Włącz/wyłącz moduł wstępnego ładowania dla całej witryny, dla określonych postów/stron lub na określonych urządzeniach, takich jak telefony i tablety.

Podsumowanie – 10 najlepszych wtyczek WordPress Preloader

To była nasza lista 10 najlepszych wtyczek preloadera WordPress w 2021 roku. Mamy nadzieję, że ta lista okazała się przydatna i pomogła w znalezieniu narzędzia do skonfigurowania ekranu ładowania WordPress.

Jeśli jednak nadal nie jesteś pewien, którą wtyczkę preloader WordPress wybrać, możesz postępować zgodnie z tą wskazówką.

Jeśli szukasz silnej równowagi opcji i przystępności cenowej, LoftLoader jest świetną opcją.

Dla użytkowników, którzy szukają absolutnie najlepszych z dostępem do mnóstwa animacji wstępnego ładowania, potężnych opcji dostosowywania i nie mają nic przeciwko wydawaniu pieniędzy, WordPress Preloader Unlimited jest najlepszą opcją. Ale jeśli szukasz całej tej mocy, ale za darmo, dobrymi opcjami są również Flat Preloader i Preloader Plus .

Ale to tylko nasza opinia. Powiedz nam, którą wtyczkę WordPress Preloader uważasz za najlepszą. A jeśli nie ma go na liście, wspomnij o tym w komentarzach.

Pobierz LoftLoader