Thrive Architect vs Elementor Pro: Która wtyczka jest lepsza do tworzenia stron?

Pełne ujawnienie: Mam znacznie większe doświadczenie w korzystaniu z Thrive Architect (od 2015 r.) niż Elementor Pro (od 2018 r.) i od jakiegoś czasu jest to mój ulubiony edytor wizualny.

Oto mój pulpit nawigacyjny dla obu wtyczek:

W trosce o rzetelną recenzję poddaję obie wtyczki jednakowemu zestawowi kryteriów testowania .

Kryteria oceny

Główne obszary, które będę porównywać i recenzować to:

Po pierwsze: Thrive Architect i Elementor Pro i bardzo podobne

Bądźmy szczerzy, nie porównujemy tutaj jabłek i pomarańczy. Bardziej jak różne odmiany jabłek.

Jak pisałem w moim zestawieniu najlepszych wtyczek do tworzenia stron WordPress, Elementor i Thrive Architect są bardzo podobne pod względem funkcji i użyteczności. W porównaniu z innymi dostępnymi wtyczkami (bezpłatnymi i premium), obie są najlepsze w swojej klasie.

To powiedziawszy, istnieje kilka kluczowych różnic między tymi dwiema wtyczkami, których możesz nie zauważyć, jeśli tylko przeglądasz strony sprzedaży.

Która wtyczka ma najlepsze wrażenia z edycji frontendu?

Obie wtyczki mają bardzo podobny pasek boczny edycji frontendu.

Ale tam, gdzie Elementor ma pojedynczy układ paska bocznego zarówno do dodawania nowych widżetów, jak i konfigurowania wybranych, Thrive Architect ma dwa paski boczne : jeden do nowych widżetów i jeden do wprowadzania zmian.

W praktyce wygląda to tak:

Należy wspomnieć, że prawy pasek boczny Thrive automatycznie ukrywa się, gdy edytujesz stronę, więc nie jest zbyt duży.

Aby zorientować się, ile kliknięć potrzeba, aby dodać edycję nowego elementu, zobacz, jak dodaję pojedynczą linię tekstu w obu edytorach:

Trudno jest odróżnić od samych GIF-ów, ale dodanie pola tekstowego i zmiana rozmiaru tekstu zajęło 8 sekund w Thrive Architect (poniżej), ale prawie 12 sekund w Elementorze (powyżej). Opóźnienie nastąpiło, ponieważ musiałem kliknąć opcje edycji, podczas gdy Thrive automatycznie otwiera edytor po lewej stronie, gdy element jest zaznaczony.

Zauważ, że prawy pasek boczny Thrive automatycznie ukrywa się, gdy nie jest używany? Osobiście uważam, że sprytne wykorzystanie 2 pasków bocznych sprawia, że ​​Thrive Architect jest znacznie wydajniejsze, a edytowanie treści jest zauważalnie szybsze .

Z drugiej strony wolę minimalistyczny design Elementora i bardziej nowoczesny panel edycji. Dostępna jest również przydatna funkcja, dzięki której możesz wykonać niektóre zadania (takie jak usuwanie elementu) za pomocą kliknięcia prawym przyciskiem myszy.

To powiedziawszy, zamierzam ogłosić Thrive zwycięzcą tej rundy, ponieważ łatwiej i szybciej jest dodawać elementy i konfigurować je z poziomu frontendu.

Szablon i elementy

Dobra wtyczka do tworzenia stron musi mieć szereg wstępnie zaprojektowanych szablonów i elementów, gotowych do przeciągania i upuszczania oraz dostosowywania. Oszczędność czasu i szybkie śledzenie ekspertyz projektowych to jeden z głównych punktów sprzedaży edytorów wizualnych.

Jak więc porównać Thrive Architect i Elementor Pro, jeśli chodzi o wybór widżetów i wstępnie zaprojektowane szablony?

Najlepsze szablony stron docelowych: Thrive vs Elementor

Według stron sprzedażowych Thrive Architect ma 276 szablonów treści , podczas gdy Elementor Pro ma ponad 300 szablonów . Niewielka różnica.

Ale sama głośność nie przemawia za jakością. Przyjrzyjmy się zakresowi szablonów i ich rzeczywistemu wyglądowi.

Doświadczenie korzystania z szablonu treści jest zupełnie inne w obu wtyczkach. Przejdę przez oba poniżej.

Jak korzystać z szablonów treści Elementor Pro

Możesz uzyskać dostęp do biblioteki treści Elementora z paska bocznego pulpitu WordPress, wchodząc do menu szablonów.

Z pulpitu szablonów możesz dodać nowy szablon w zależności od tego, do czego chcesz (np. post, strona lub archiwum).

Te szablony mogą również stanowić podstawę Twojego motywu WordPress (więcej informacji na temat funkcji kreatora motywów Elementora poniżej).

W bibliotece szablonów Elementor Pro naliczyłem szablony stron 141 , ale jest też wiele szablonów, które nazywają „blokami”. Nie są to kompletne szablony stron, ale możesz je połączyć i zapisać własny szablon niestandardowy .

Po wybraniu szablonu zostaniesz przeniesiony do okna edycji Elementora, w którym możesz go dostosować za pomocą normalnego interfejsu.

Możesz także kliknąć ikonę folderu w edytorze, aby uzyskać dostęp do biblioteki szablonów.

Jak korzystać z szablonów treści Thrive Architect

O wiele łatwiej jest uzyskać dostęp do pełnych szablonów stron docelowych Thrive z głównego interfejsu edycji. Ale jest ograniczenie. Możesz używać szablonów tylko na stronach WordPress, a nie w postach . Ponadto nie możesz używać szablonów jako części projektu motywu WordPress.

Aby uzyskać dostęp do szablonu strony docelowej, dodaj nową stronę i uruchom Thrive Architect.

Zauważysz dodatkową ikonę w prawej kolumnie edycji, która uruchamia selektor szablonów.

Po kliknięciu ikony szablonu (która z jakiegoś powodu jest chmurą ze strzałką w dół) możesz przeglądać domyślne szablony stron docelowych.

Każdy szablon jest pogrupowany według stylu, a kliknięcie stylu strony spowoduje wyświetlenie dostępnych szablonów.

Możesz również filtrować według typu strony (np. strona główna), jeśli znasz typ projektowanej strony. Oszczędza to dużo czasu.

Policzyłem i w chwili pisania tego tekstu w Thrive Architect jest 439 szablonów stron docelowych . Podobnie jak Elementor Pro, Thrive Architect umożliwia zapisywanie własnych niestandardowych szablonów .

Jeśli chodzi o projekt, zarówno Thrive Architect, jak i Elementor Pro mają wiele atrakcyjnych szablonów stron docelowych, ale myślę, że Elementor Pro ma przewagę dzięki szablonom dostępnym we wszystkich typach postów i stron oraz dodatkowej opcji korzystania z szablonów do tworzenia części Twój motyw WordPress.

Najlepsze elementy: Thrive vs Elementor

Przechodząc do elementów, a obie wtyczki nakładają się na wiele funkcji.

Oto połączony zrzut ekranu każdego pojedynczego elementu Elementor Pro:

W Elementorze Pro liczę 76 unikalnych elementów .

Dla porównania, oto wszystkie elementy Thrive Architect:

W Thrive Architect liczę 42 unikalne elementy .

Obie wtyczki mają dobry zakres elementów, ale Thrive ma w szczególności następujące elementy, których brakuje Elementorowi:

• Stoły
  
• Formularze kontaktowe
  

Jeśli planujesz dodać tabele i/lub formularze kontaktowe do swojej witryny WordPress i nie chcesz korzystać z dodatkowych wtyczek, Thrive Architect jest lepszym edytorem wizualnym.

Bloki treści Thrive Architect a biblioteka bloków Elementor Pro

Thrive Architect zawiera stosunkowo nową funkcję o nazwie Bloki treści , która jest trochę jak w połowie drogi między elementami a szablonami.

Krótko mówiąc, bloki treści to wstępnie zaprojektowane mini szablony dla różnych sekcji, które możesz chcieć na swojej stronie, takich jak wezwania do działania, zalety i wady, oferty i pola subskrypcji (więcej na ich temat możesz przeczytać tutaj). W chwili pisania tego tekstu naliczyłem 61 bloków treści w Thrive Architect.

Elementor Pro ma również w swojej bibliotece szereg bloków. Istnieje znacznie więcej bloków Elementora niż oferty Thrive, ale wiele projektów jest do siebie bardzo podobnych. Jednak dla początkujących, którzy nie chcą samodzielnie dostosowywać, Elementor ułatwia zaprojektowanie tego, czego potrzebujesz.

Preferuję również estetykę projektowania elementów Elementora, które wydają mi się nieco bardziej nowoczesne i profesjonalne.

Trudno nazwać zwycięzcę w tej kategorii, ponieważ Elementor wygrywa pod względem estetyki i zasięgu, ale brak elementów funkcjonalnych, takich jak formy i stoły, naprawdę go rozczarowuje.

Jak Thrive i Elementor wpływają na szybkość strony WordPress?

Szybkość witryny to wielka sprawa dla większości z nas, zwłaszcza dla każdego, kto korzysta z taniego hostingu WordPress.

Aby przetestować wydajność zarówno Thrive Architect, jak i Elementor Pro, stworzyłem podobne strony docelowe za pomocą obu wtyczek. Obie strony znajdują się na tej stronie, więc mogę zagwarantować, że warunki hostingu są identyczne (używam hostingu CloudWays i motywu GeneratePress Premium).

Obie strony docelowe używają domyślnych szablonów portfolio z obrazami stockowymi, z którymi zostały dostarczone. Używam WebPageTest do pomiaru szybkości i wydajności ładowania strony.

Strona portfolio Thrive Architect załadowała się w przyzwoitym czasie 1,837 sekundy , z 56 żądaniami i 1484 bajtami (około 1,5 MB).

Teraz strona testowa Elementora:

Strona portfolio Elementor Pro została załadowana w 3,915 sekund , z 56 żądaniami i 2989 bajtami (prawie 3 MB).

Na pozór Elementor Pro wygląda bardzo wolno, ale uważam, że wynika to głównie z tego, że strona szablonu zawiera znacznie większe pliki graficzne.

Aby test był nieco bardziej sprawiedliwy, usunąłem kilka obrazów ze strony testowej Elementora i zeskanowałem go ponownie:

Teraz strona Elementora załadowała się w 2,441 sekundy , z 50 żądaniami i 1535 bajtami (około 1,5 MB).

Przy obu stronach Thrive Architect i Elementor około 1.5 MB mogę wykluczyć rozmiar strony jako problem.

Dlaczego więc Elementor Pro spowalnia moją stronę WordPress? Pomyślałem, że może to być spowodowane brakiem końcowego ukośnika adresu URL, kiedy wkleiłem go do WebPageTest (powodując dodatkowe przekierowanie), więc uruchomiłem go ponownie, ale nadal miałem czas ładowania około 2,5 sekundy.

Aby spróbować zawęzić problem, stworzyłem strony testowe 3 z tylko jedną linią tekstu: 1 w standardowym edytorze WordPress, 1 w Thrive Architect i 1 w Elementorze Pro.

Oto wyniki: