,

Szybkość Divi vs Elementor Pro – ostateczne starcie

Spis treści

Tytuł trochę wprowadza w błąd bo na wydajność stron stworzonych w Divi czy Elementor pro ma wpływ wiele czynników więc proszę o wyrozumiałość przedstawi tu dwa scenariusze porównania motywu WordPress Divi i wtyczki WordPress Elementor pro.

Pierwszy scenariusz wspomniałem na końcu wpisu Porównanie wydajności popularnych edytorów do tworzenia stron WordPress. W drugim scenariuszu porównam szybkość tych narzędzi do tworzenia stron WordPress w bardziej praktycznych warunkach.

Projekt sekcji Hero na potrzeby testów wydajności Elemntor Pro vs Divi

Środwisko testowe, informacje o instalacji WP

HostingZenbox – Hosting Firma 10k
Wersja WordPressWordPress 6.3.1
Wersja motywu, wtyczkiNajnowsza na dzień 8.31.2023
Wersja PHP7.4
Ilość podstron1 (tylko strona główna)
Ilość wpisów0
Ilość zdjęć w bibliotece 2 (logo i obrazek)
Dodatkowe wtyczkiLiteSpeed Cache
Tabela środowiska testowego

Divi kontra Elementor Pro runda 1

W odróżnieniu od testów wydajności przprowadzonych we wpisie „Porównanie wydajności popularnych edytorów do tworzenia stron WordPress„, podjąłem decyzję że zrobię jeszcze jeden test szybkości, mianowicie zainstaluje i skonfiguruję wtyczkę LiteSpeed cache na stronach stworzonych w Divi i Elementor Pro, zoptymalizuję obrazy, skorzystam z opcji które mają wpływ na wydajność w ustawieniach Divi i Elementor Pro.

Szybkość strony www WordPress stworzonej w Elementor Pro

PageSpeed Insights Elementor Pro
Strona www stworzona w Elementor Pro z włączoną wtyczką LiteSpeed Cache
Pingdom Website Speed test Elementor Pro
Pingdom Speed Test Elementor Pro z włączoną wtyczką LiteSpeed Cache
GTmetrix speed test Elementor Pro
wydajność strony Elementor Pro po optymalizacji GTmetrix

Szybkość strony www WordPress stworzonej w Divi

PageSpeed Insights Divi
wyniki PageSpeed Insights po optymalizacji strony Divi
Pingdom Website Speed test Divi
szybkosc strony Divi po optymalizacji Pingdom
GTmetrix speed test Divi
wydajność strony Divi po optymalizacji GTmetrix

Runda 1 podsumowanie

Jak widać po optymalizacji witryn zarówno Divi jaki Elementor wypada bardzo dobrze, poniżej jeszcze bezpośrednie porównanie szybkości w GTmetrix.

Bezpośrednie porównanie Divi i Elementor Pro w GTmetrix
Elementor vs Divi bezpośrednie porownanie GTmetrix

Teraz czas na porównanie w tabelkach.

Elementor Pro vs Divi PageSpeed Insights

Elementor ProDivi
Performance100100
FCP1,1s0,9s
TBT0ms0ms
Speed Index1,4s1,7s
LCP1,5s1,4s
CLS00

Elementor Pro vs Divi Pingdom Website Speed Test

Elementor ProDivi
Performance GradeA 98A 98
Page size105 KB80.3 KB
Load time173ms184ms
Requests67
Image47.92% (50 KB)62.81% (50 KB)
Script
Font8.51% (6.8 KB)
HTML8.3% (8.7 KB)9.44% (7.5 KB)
CSS42.83% (44.7 KB)17.98% (14.3 KB)

Elementor Pro vs Divi GTmetrix

Elementor ProDivi
Grade / PreformanceA / 94%A / 96%
Strucutre95%99%
LCP1.2s1.0s
TBT0ms0ms
CLS00
Fully Loaded Time1.51.5
Page size100KB75.7KB
Page requests67

Elementor Pro Vs Divi runda pierwsza opinia

Jak widać powyżej wyniki są bardzo podobne, więc sumując odpowiednia konfiguracja wtyczki LiteSpeed Cache oraz włączenie opcji w Divi i w Elementor Pro odpowiadających za wydajność pozwoli nam konkurować ze stroną wykonaną w edytorze blokowym WP.

Divi kontra Elementor Pro Runda 2

W drugiej rundzie pojedynku narzędzi do tworzenia stron WordPress Divi i Elementor Pro, odwzoruję bardziej praktyczne wykorzystanie tych page builderów. Mało kto korzysta z Divi czy Elementora Pro żeby stworzyć stronę z jedną sekcją Hero, dlatego w rundzie drugiej z pomocą wbudowanej biblioteki gotowych szablonów

Layout Elementor Pro wybrany do testów wydajności
Layot strony resturacju Sushi Elementor Pro

Niestety ale zrzut ekranu strony w Elemntor Pro nie wykonał się poprawnie, pewnie ze wzgęldu na ustawienia wtyczki LiteSpeed Cache. W kżdym razie strona działa poprawnie na telefonie i komputerze.

Layout Divi wybrany do testów wydajności
Layot strony resturacju Sushi Divi

Jak widać strony obu przypadkach są bardziej rozbudowane niż pojedyńcza sekcja hero, więc jestem ciekawy wyników. Layout Divi zawiera więcej sekcji, zdjęć, elementów i animacji więc uważam że Elementor Pro wypadnie nieco lepiej, ale nic czas na testowanie.

Wydajność rozbudowanej strony www stworzonej w Elementor Pro

Page Speed Insights Elementor PRO
Pingdom Website Speed Test Elementor PRO
GTmetrix Speed Test Elementor PRO

Wydajność rozbudowanej strony www stworzonej w Divi WordPress

Page Speed Insights Divi
Pingdom Website Speed Test Divi
GTmetrix Speed Test Elementor PRO

Divi kontra Elementor bardziej rozbudowana strona www – bezpośrednie porównanie

Elementor Pro vs Divi PageSpeed Insights

Elementor ProDivi
Performance99100
FCP1,4s1,0s
TBT0ms10ms
Speed Index1,7s2,1s
LCP1,5s1,3s
CLS00

Elementor Pro vs Divi Pingdom Website Speed

Elementor ProDivi
Performance GradeA 98A 94
Page size125.8 KB666.1 KB
Load time239ms250ms
Requests921
Image34.81% (43.5 KB)80.11% (533.1 KB)
Script
Font13.97% (93.0 KB)
HTML12.45% (15.6 KB)1,47% (9.8 KB)
CSS51.94% (65 KB)4.3% (28.6 KB)

Elementor Pro vs Divi GTmetrix

Elementor ProDivi
Grade / Preformance90%97%
Strucutre95%98%
LCP1.4s1.1s
TBT0ms0ms
CLS00
Fully Loaded Time1.6s1.5s
Page size88.2 KB256 KB
Page requests614

Przeprowadziłem również testy porównawcze w GTmetrix kilka razy żeby sprawdzić czy słabszy wynik wydajności strony stworzonej w Elementor Pro to błąd pomiarowy.

Bezpośrednie porównanie GTmetrix Divi Vs Elementor Pro 1
Bezpośrednie porównanie GTmetrix Elementor Pro vs Divi 2

Podsumowanie – Motyw WordPress Divi vs wtyczka Elementor Pro

Jestem mile zaskoczony szybkością strony stworzonej z Divi, biorąc pod uwagę to w jaki sposób Divi generuje strony – korzysta z przestarzałych shortcodów (Wersja Divi 5.0 będzie pozbędzie się shortcodów i będzie generowała bardziej przyjazny kod HTML) i layout Divi zawiera więcej sekcji i obrazów od layoutu strony Elementor pro to strona stworzona w Divi wypadął naprawdę świetnie.

Z drugiej strony jestem lekko zawiedziony wydajnością Elementor Pro, patrząc na to jak dynamicznie developerzy Elementora rozwiją wtyczkę i dodają nowe funkcje byłem pewien że Elementor wygra znacząco z Divi, jest to dla mnie duże zaskoczenie.

Co wybrać Divi czy Elementor Pro?

Jak widać w powyższych testach wydajności nie ma to większego znaczenia wybierz narzędzie do Tworzenia stron, które bardziej Ci odpowiada. Ja będę korzystał zarówno z Divi jaki Elementor Pro.

Comments

Jedna odpowiedź do „Szybkość Divi vs Elementor Pro – ostateczne starcie”

  1. […] Kto wygra? Kliknij i się przekonaj „Szybkość Divi vs Elementor Pro – ostateczne starcie„ […]

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *