Porównanie Elementora i Beaver Builder

Home / glossary / Porównanie Elementora i Beaver Builder

Porównanie wtyczek do kreowana strona na wordpress :

Elementora i Beaver Builder

Jeśli nie uważasz, że jest szybki i intuicyjny, Twoja produktywność spadnie jak kamień – i to jest przeciwieństwo tego, co powinien robić kreator stron!

Oba te narzędzia do tworzenia stron oferują solidne, bezproblemowe interfejsy, które są dość szybkie, więc nie zauważysz żadnej różnicy z tej strony.

Ale chociaż oba są wizualnymi narzędziami do tworzenia stron frontowych, podchodzą do interfejsu nieco inaczej, co może wpłynąć na twoją decyzję. Nie ma tu nic dobrego ani złego – to po prostu preferencja.
Elementor niestety nie umożliwia pełnego formatu na szerokości strony oraz pojedyńczych słów w edytorze tekstu, czyli użycie edytora wordpressa jest ograniczone. W Bever Builder, możemy na całej szerokości edytować tekst i formatować wszystkie elementy tak jak w oryginalnym edytorze wordpressa.

Testy prędkości

Zrobiono dwie identyczne strony za pomocą wtyczek

  • To jest strona wbudowana w Elementor: 489 ms
  • To jest ta sama strona wbudowana w Beaver Builder: 655 ms

To duża różnica pod względem prędkości ładowania, choć ważne jest, aby wziąć pod uwagę liczbę żądań HTTPS wysłanych przez Elementor, a także zapytania do bazy danych. Chociaż Beaver Builder ładował się wolniej, Elementor bardziej obciążał serwer.

Beaver Builder jest doskonały. Nie ma idealnego budowniczego. Elementor jest również świetny. Ale po przetestowaniu obu poczułem, że Beaver Builder jest bardziej niezawodny i stabilny, poza tym, że nie muszę cały czas przewijać w dół, aby znaleźć to, co należy przeciągnąć, tak jak musimy to zrobić podczas korzystania z Elementora. 

Tworzenie kolumn

Jedną wielką zaletą Beaver Builder jest to, że możesz automatycznie tworzyć nowe kolumny, po prostu przeciągając jeden moduł obok drugiego, podczas gdy  Elementor zmusza cię do ręcznego tworzenia nowych kolumn przed dodaniem nowych elementów. To drobiazg – ale sprawia, że ​​proces projektowania jest nieco płynniejszy.

Moduł Elementor Beaver Builder
Flip Box TAK NIE
Dedykowany odtwarzacz audio TAK, Soundcloud NIE, ale można użyć widgetu
Animowany nagłówek TAK NIE
Portfolio TAK NIE
Przyciski udostępniania społecznościowego TAK TAK
Społeczne ikony śledzenia TAK NIE
Zaloguj sie TAK NIE
Komentarze na Facebooku TAK NIE
Osoba / członek zespołu NIE NIE
Komentarze natywne NIE NIE

Beaver Builder zdecydowanie ma najwięcej odpowiedzi „nie” na liście… ale niekoniecznie jest to przełom.

Beaver Builder nadal zawiera wszystkie podstawowe moduły, których prawdopodobnie będziesz używać na co dzień

Stylizacja

Elementor Beaver Builder
Podstawowa stylizacja TAK TAK
Niestandardowe marginesy / wypełnienie TAK TAK
Niestandardowe czcionki / typografia TAK TAK
Bezpośrednio dodaj niestandardowy CSS do modułu TAK NIE
Niestandardowe rynny TAK NIE

Urządzenia Mobilne

Elastyczne funkcje projektowania w programach do tworzenia stron
Elementor Beaver Builder
Pokaż / ukryj zawartość na podstawie urządzenia TAK TAK
Różne marginesy w zależności od urządzenia TAK TAK
Różne rozmiary czcionek w zależności od urządzenia TAK NIE
Niestandardowe punkty przerwania NIE ( ale jest o tym wyjaśnienie ) TAK, ale tylko w całej witrynie. Nie dla poszczególnych stron

Czas ładowania 

W związku z jakością kodu kolejną ważną kwestią jest to, w jaki sposób każdy program budujący strony wpływa na wydajność. Bardziej interesujący niż nieprzetworzone czasy ładowania strony jest rozmiar strony i liczba żądań.

Aby przetestować to między Elementor a Beaver Builder, weźmiemy nasze przykłady z góry i przejdziemy je przez Pingdom, aby zebrać czasy ładowania strony i inne istotne dane. Uwaga – w witrynie testowej nie działa buforowanie ani żadna inna optymalizacja szybkości strony .

Elementor vs Beaver Builder: Porównanie wydajności
Elementor Beaver Builder
Czas ładowania 1,47 sekundy 1,38 sekundy
Rozmiar strony 698,2 kB 639,0 kB
Żądania do bazy danych 43 33

Beaver Builder jest bardziej stabilny częściowo, ponieważ poprawia się w tempie ślimaka w porównaniu do Elementora i innych budowniczych.

Elementor, z drugiej strony, miażdży wszystkie inne programy budujące strony w swoich funkcjach i wartościach, które dodają do programu budującego strony. Tylko w 2019 roku wydali wiele funkcji, w tym narzędzie do tworzenia wyskakujących okienek, silnik animacji ruchu, a wkrótce dodadzą globalną stylistykę.

Zapisz własne rzędy i moduły

Oba programy budujące strony umożliwiają zapisywanie własnych wierszy i modułów. Zapisane wiersze i moduły można opcjonalnie oznaczyć jako globalne, co oznacza, że ​​są one kontrolowane centralnie, dzięki czemu można je edytować w jednym miejscu, a zmiany pojawiają się wszędzie.

  • Choć mogą różnić się interfejsem użytkownika i ceną, zarówno Beaver Builder, jak i Elementor to potężne programy budujące strony, które umożliwiają tworzenie treści z pięknymi projektami. Oba są również łatwe w użyciu, ponieważ pozwalają budować na interfejsie, dzięki czemu widzisz, co budujesz.
  • Ponieważ nie ma własnego oficjalnego motywu, Elementor działa najlepiej jako narzędzie do tworzenia stron, które uzupełnia Twój motyw dzięki imponującej bibliotece szablonów i funkcji Konstruktora motywów.
  • Beaver Builder błyszczy jako kompleksowe rozwiązanie, ponieważ oferuje oficjalny motyw wspierany przez ten sam zespół, światowej klasy wsparcie i stale rosnącą społeczność. To także lepsze rozwiązanie dla sieci wielostanowiskowych.
  • Beaver Builder oferuje również nieograniczoną liczbę licencji na witryny bez względu na wybrany plan, co czyni go świetną opcją dla programistów i organizacji posiadających kilka stron internetowych.
  • Wspomniany powyżej motyw Beaver Builder zawiera pusty motyw podrzędny, który jest łatwy do zainstalowania i jest niezbędny, jeśli chcesz dodać własne dostosowania strony.
Jeśli chcesz samodzielnie zbadać każdą wtyczkę, wypróbuj dowolną lub wszystkie wersje demonstracyjne Beaver Builder . Elementor Pro nie ma wersji demonstracyjnej ani bezpłatnej wersji próbnej, więc najlepszym sposobem na przetestowanie go jest zainstalowanie jego darmowej wersji.