Jeśli czujesz się nieco ograniczony elastycznością układów dostarczanych przez motywy WordPress, możesz być zainteresowany budowaniem stron WordPress za pomocą wtyczki do Kreatora Stron.
twórcy stron WordPress stali się szalenie popularni, ponieważ pozwolili każdemu, nawet tym bez daru kodu, zbudować piękną stronę internetową lub stronę docelową za pomocą prostego edytora WYSIWYG typu przeciągnij i upuść., Podczas badania, który Kreator stron lub wtyczka WordPress będzie dla Ciebie najlepszy, przyjrzysz się wielu ważnym czynnikom: łatwości użycia, cenom, szablonom układu strony itp. W tym poście skupiamy się na porównaniu tych kreatorów stron pod kątem jednego czynnika: szybkości.
czy gotowe produkty, które twórcy stron wystawiają są takie same, jeśli chodzi o wydajność? Lub, są te budowniczych tworzenie nieefektywny kod wzdęcia, który spowalnia wydajność witryny WordPress i szkodzi UX? Piękna, idealna pikselowa strona nie jest wiele warta, jeśli użytkownicy odbijają się, ponieważ ładowanie witryny zajmuje 5 sekund.,
jak szybko ładuje się Twoja strona jest związana z jej sukcesem. Statystyki wskazują, że co 100 milisekund czasu ładowania tworzy około 7% wzrost współczynnika odrzuceń.
ale jeśli nie chcesz poświęcić czasu na zbudowanie identycznych stron docelowych z różnymi kreatorami stron i przetestowanie ich wydajności, trudno jest mieć pewność, jak każdy Kreator stron się układa.
cóż… nie spieszyliśmy się.,
zbudowałem prawie identyczne strony docelowe z pięcioma popularnymi kreatorami stron WordPress, a następnie przeprowadziłem je przez mnóstwo testów prędkości, aby znaleźć najlepszy kreator stron WordPress pod względem wydajności. Teraz podzielę się z Tobą tymi wszystkimi danymi.
Oto Jak mam zamiar przetestować te kreatory stron 5
aby przetestować wydajność każdego kreatora stron, mam zamiar zbudować stronę docelową przy użyciu każdego z pięciu kreatorów stron. Oprę to mniej więcej na stronie docelowej Pagely, z kilkoma elementami dodanymi i usuniętymi.,
te strony docelowe będą, w miarę możliwości, idealnie identyczne, choć nie zawsze jest to osiągalne ze względu na elementy dostępne w każdym kreatorze stron.
nie oczekuj też, że będą wyglądać tak dobrze, jak oryginalna Strona główna strony, ponieważ… cóż, nie jestem profesjonalnym projektantem (a nawet amatorem).,
Po zbudowaniu strony docelowej z każdym kreatorem stron, będę zbierać dane za pomocą trzech różnych narzędzi:
- WebPagetest – daje szczegółową analizę wydajności, w tym Czas ładowania i „indeks prędkości”
- Pingdom Tools – zapewnia Czas ładowania strony, rozmiar strony, liczbę żądań
- Query Monitor plugin – pokazuje, ile zapytań do bazy danych wtyczka robi i jak długo te zapytania trwają
będę również czas, jak długo to trwa
zajmuje mnie zbudowanie strony docelowej demo, ale zalecam, aby wziąć te liczby jako przybliżone szacunki, a nie absoluty., Oto dlaczego: wchodząc do tych testów, użyłem niektórych z tych kreatorów stron więcej niż innych, więc nie jest dla mnie naukowe deklarowanie jednego „łatwiejszego w użyciu” niż inne.
oto szczegóły techniczne mojej konfiguracji testowej
aby te testy posiadały jakąkolwiek wartość, muszą być spójne. I musisz zaufać, że są konsekwentni.
więc zanim przejdę do jakichkolwiek rzeczywistych testów, przejdźmy przez jak moja strona testowa jest skonfigurowana:
- Hosted on Pagely
- Running WordPress 4.9.,2
- Korzystanie z motywu Astra, popularnej opcji dla programistów do parowania z kreatorami stron
- bez paska bocznego. Kontener rozciągnięty na całą szerokość (są to opcje motywu Astra)
- zainstalowana wtyczka monitora zapytań
- brak zainstalowanych innych wtyczek
- brak optymalizacji prędkości strony poza tymi automatycznie implementowanymi przez Pagely hosting
a oto wtyczki do tworzenia stron, których będę używał:
- Elementor-wersja 1.9.2*
- Beaver Builder Pro – wersja 2.0.3.1
- li > Divi Builder plugin (czyli nie wersja Theme) – Wersja 2.0.,31
- Wpbakery Page Builder-Wersja 5.4.2 (dawniej znany jako Visual Composer)
- SiteOrigin Page Builder – Wersja 2.6.1 plus SiteOrigin Widgets Bundle Wersja 1.11.3
*ponieważ Elementor Pro jest dodatkiem, a nie samodzielną wtyczką, jak inne wersje premium, myślę, że fair jest przetestować przy użyciu darmowej wersji Elementor.
Uruchamianie testów dla każdego kreatora stron WordPress
teraz, gdy wiesz, na czym są zbudowane te testy, wskoczmy i spójrzmy na dane!,
dla każdego kreatora stron dołączę:
- zrzut ekranu tego, jak wygląda testowana strona docelowa
- dane wydajności Pingdom
- dane wydajności WebPagetest
- ile czasu zajęło mi stworzenie strony (pamiętaj – to tylko wstępna wskazówka – nie traktuj tego jako trudne porównanie)
- zrzut ekranu tego, co dzieje się po dezaktywacji kreatora stron, aby dać ci wyobrażenie, jak wiele „lock-in” jest
następnie, na koniec, Poskładam to wszystko w jedną, łatwą do porównania tabelę i wyciągnę kilka wniosków!, Jeśli wolisz pominąć rozgrywkę po grze, możesz kliknąć tutaj, aby przejść bezpośrednio do tabeli podsumowującej.
test wydajności Elementora
podobnie jak wszystkie wtyczki do tworzenia stron, Elementor ułatwia szybkie tworzenie świetnie wyglądającej strony internetowej bez konieczności znajomości HTML, CSS lub Javascript.
Elementor oferuje unikalną funkcję o nazwie „Elementor Canvas”, która pozwala zbudować stronę internetową całkowicie od podstaw — całkowicie oddzieloną od motywu WordPress. Nie ma wstawionej stopki, menu, pasków bocznych., Jest to najwyższa elastyczność w projektowaniu WordPress i bardzo przydatna do tworzenia stron docelowych typu „przeciągnij i upuść” (które często używają niestandardowych układów i wymagają minimalnych zakłóceń od wezwania do działania).,
jak wyglądała strona docelowa:
Czas budowy strony: 22:09
dane testowe Pingdom:
dane testowe WebPagetest:
dane monitora zapytania:
Co się dzieje po dezaktywacji wtyczki:
test wydajności Beaver Builder
Beaver Builder to popularna wtyczka do budowania stron internetowych używana przez ponad 175k stron internetowych. Słynie z łatwości obsługi i intuicyjnego interfejsu użytkownika.,
oferuje również kilka zaawansowanych funkcji, takich jak skróty klawiaturowe i możliwość zapisywania wierszy i kolumn, dzięki czemu można je łatwo ponownie wykorzystać. Beaver Builder jest zbudowany na frameworku Bootstrap i twierdzi, że jest szybki i lekki., Zobaczmy, jak to działa w prawdziwym świecie…
jak wyglądała strona docelowa:
czas tworzenia strony: 20:37
dane testu Pingdom:
Test WebPagetest dane:
dane monitora zapytania:
Co się dzieje po dezaktywacji wtyczki:
test wydajności Divi Builder
Divi, by Elegant Themes, jest zarówno motywem WordPress, jak i samodzielną wtyczką do tworzenia stron., Tutaj sprawdzamy wydajność wtyczki kreatora stron, a nie motywu WordPress.
możesz tworzyć strony i posty w backendzie WordPress lub nawet zaprojektować swoją witrynę za pomocą nakładki WordPress z edytorem WYSWIG. Divi oferuje setki motywów potomnych i gotowych szablonów stron. Zgodnie z nazwą swojej firmy, Divi oferuje naprawdę eleganckie tworzenie stron z wieloma polskimi, łatwymi w obsłudze i intuicyjnymi funkcjami.,
jak wyglądała strona docelowa:
Czas budowy strony: 21:02
Pingdom dane testowe:
WebPagetest dane testowe:
dane monitora zapytania:
Co się dzieje po dezaktywacji wtyczki:
test wydajności kreatora stron Wpbakery
podobnie jak Elementor, Wpbakery jest często dołączany do wielu popularnych motywów WordPress., WPBakery wyróżnia się spośród wielu innych kreatorów stron ze względu na to, ile dodatków i ulepszeń jest dostępnych. Możesz wybierać spośród ponad 200 dodatków, które robią wszystko, od eleganckich animacji CSS po Ulepszanie stron produktów WooCommerce.,
jak wyglądała strona docelowa:
Czas budowy strony: 27:18
dane testowe Pingdom:
dane testowe WebPagetest:
zapytanie Dane monitora:
Co się dzieje po dezaktywacji wtyczki:
test wydajności SiteOrigin Page Builder
SiteOrigin jest całkowicie darmowy. Podczas gdy wielu kreatorów stron instaluje własne widżety, Site Origin jest wyjątkowy, ponieważ gra ładnie z domyślnymi widżetami WordPress.,
jak wyglądała strona docelowa: *Kreator stron SiteOrigin nie ma elementu licznika, więc zamiast tego użyłem statycznego HTML, co daje mu niewielką przewagę w testach wydajności.,
Czas budowy strony: 19:51
Pingdom dane testowe:
WebPagetest dane testowe:
zapytanie Dane monitora:
Co się dzieje po dezaktywacji wtyczki:
WordPress page builder porównanie prędkości
Po wszystkich testach zostały uruchomione i dane crunched, tutaj tak to się potoczyło.
najpierw przyjrzyjmy się dobremu., Oto łączny zwycięzca z każdej kategorii:
- najszybszy czas ładowania strony Pingdom: SiteOrigin Page Builder at 390 ms
- najmniejszy czas ładowania Pingdom: SiteOrigin Page Builder with 13
- najniższy rozmiar strony Pingdom: SiteOrigin Page Builder with 245.0 kB
- najszybszy czas ładowania strony WebPagetest full Loaded Time: SiteOrigin Page Builder with 578 ms
- ,0039 s
i
a teraz spójrzmy na najgorszego wykonawcę w każdej kategorii w naszych testach:
- najwolniejszy Pingdom Czas ładowania strony: Beaver Builder w 665 ms
- najwięcej żądań Pingdom: Elementor z 28
- najwyższy Pingdom rozmiar strony: Divi Builder w 532.7 kB
- najwolniejszy WebPagetest W Pełni Załadowany czas: Divi Builder w 1.294 s
- najwyższy indeks prędkości webpagetest: Divi Builder at 901
- najwięcej zapytań do bazy danych: Elementor with 30
- najwyższy czas zapytań do bazy danych: Elementor at 0.,Page Builder
Pingdom Page Load 489 ms 665 ms 463 ms 401 ms 390 ms Pingdom Requests 28 20 15 15 13 Pingdom Page Size 530.,7 kB 416.6 kB 532.7 kB 435.7 kB 245.0 kB WebPagetest Fully Loaded 1.254 s 943 ms 1.,d=”573b113c2a”>578 ms WebPagetest Speed Index 574 700 901 610 500 Database Queries 30 14 8 10 9 DB Queries Time 0.,0123 0.0059 0.0039 0.0042 0.0042 Time To Build Page 22:09 20:37 21:02 27:18 19:51 What Conclusions Can We Draw About Page Builder Performance?,
dane są tam do Twojej interpretacji. Ale oto kilka wniosków, które uważam za warte rozważenia:
kreatory stron są w pewnym stopniu równoważeniem wydajności i funkcji
nic dziwnego, że Kreator stron SiteOrigin miał najlepszą wydajność w prawie wszystkich testach.
ale oto rzecz:
SiteOrigin Page Builder jest nie tylko lekki, jeśli chodzi o wydajność – jest również lekki, jeśli chodzi o funkcje.,
uzyskujesz lepszą wydajność niż inni twórcy stron, częściowo rezygnując z funkcjonalności.
jeśli chodzi o wydajność, to warto.
ale inni ludzie mogą być skłonni wymienić trochę wydajności na bardziej wydajne tworzenie stron, I nie sądzę, że musi być w tym coś złego.
przeciętny użytkownik będzie mógł zbudować bardziej złożoną stronę za pomocą jednego z pozostałych czterech kreatorów stron.,
z tego powodu myślę, że najlepiej jest poszukać Kreatora Stron, który ma potrzebne funkcje, a następnie porównać wydajność kreatorów stron, które spełniają te kryteria.
nie ma większych różnic między wysokowydajnymi kreatorami stron WordPress
jeśli wyłączysz Kreator stron SiteOrigin i skupisz się na bardziej bogatych w funkcje kreatorach stron, zauważysz, że nie ma tony różnicy między nimi.,
z pewnością zauważysz pewne różnice – Elementor jest nieco ciężki w zapytaniach i żądaniach baz danych, podczas gdy Beaver Builder oferował najmniejszy rozmiar strony.
ale ogólnie rzecz biorąc, wszystkie te wtyczki wyraźnie działały w celu optymalizacji wydajności, dlatego prawdopodobnie są liderami na rynku w przestrzeni kosmicznej.
blokowanie kodu skrótu jest prawdziwą kwestią
Jeśli wybierasz Kreator stron na całe życie, nie musisz się tym martwić.,
ale jeśli uważasz, że istnieje szansa, że możesz przełączyć (lub przestać używać) kreatory stron w dół drogi, ważne jest, aby zwrócić uwagę, że tylko dwa z tych kreatorów stron pozostawiają całkowicie czysty kod.
dwie wtyczki, które pozostawiają 100% czystego kodu, to:
- Elementor
- Beaver Builder
SiteOrigin Page Builder pozostawia głównie czysty kod, ale zostawia kilka skrótów, zwłaszcza wyświetlających się wszędzie tam, gdzie użyłem przycisków.,
wreszcie, zarówno Divi Builder, jak i Wpbakery Page Builder pozostawiają stertę skrótów, które musisz znaleźć sposób na usunięcie.
jakie są Twoje doświadczenia z wydajnością WordPress Page Builders?
oczywiście szybkość Twojej witryny WordPress jest tylko jednym z czynników, które należy wziąć pod uwagę, jeśli chodzi o znalezienie najlepszego kreatora stron dla Twojej witryny. Takie rzeczy jak łatwość użycia, jakość szablonów stron, łatwość stylizacji stron, ceny, poziom wsparcia i wiele innych czynników wchodzą w grę.,
ale ostatecznie próbujesz stworzyć piękną stronę internetową, która ładuje się szybko, więc wydajność tych różnych kreatorów stron jest krytycznym czynnikiem.
Jakie są Twoje własne doświadczenia z tymi wtyczkami do kreatora stron WordPress i wydajnością? A co ważniejsze, jak myślisz, gdzie powinna znajdować się równowaga między funkcjami a wydajnością? Aby uzyskać inny dogłębny kawałek opinii od Pippin Williamson na wtyczki do Kreatora Stron, sprawdź to.,
Autor
Colin Newcomer
Colin Newcomer jest niezależnym pisarzem do wynajęcia z doświadczeniem w SEO i marketingu afiliacyjnym. Pomaga klientom zwiększyć widoczność w Internecie, pisząc głównie o marketingu cyfrowym, WordPress i tematach B2B.
