Top 7 motywów WordPress dla dobrych podstawowych wskaźników internetowych (ranking 2023)
Opublikowany: 2023-03-14W repozytorium WordPress dostępnych jest ponad 10 500 darmowych motywów.
A liczba ta rośnie z dnia na dzień.
Jak więc wskazać te najlepsze? Czy masz testować każdy motyw, który Ci się podoba, i porównywać wszystkie wskaźniki wydajności, wyniki i milisekundy?
Bądźmy szczerzy – nie brzmi to jak zadanie, na które chcesz poświęcić cały dzień.
Zwłaszcza, że zrobiliśmy to za Ciebie!
Więc zamiast marnować czas na aktywację, dezaktywację, testowanie, zapisywanie wyników i porównywanie, czytaj dalej, aby poznać 7 motywów WordPress, które wyróżniały się po naszych dokładnych badaniach i testach.
Jak przetestowaliśmy najlepszych kandydatów na motywy WordPress pod kątem dobrych podstawowych wskaźników internetowych
Uwaga: najlepszym sposobem przybliżenia wydajności motywu w świecie rzeczywistym bez generowania ruchu było poleganie na laboratoryjnych podstawowych wskaźnikach internetowych. Nasze doświadczenie pokazuje, że motywy, które pomyślnie przejdą LCP, CLS i TBT w laboratorium, mają większe szanse na odtworzenie tych samych dobrych wyników w terenie.
Rozpoczęliśmy nasze badania od zebrania dużej puli motywów, z którymi nasi programiści WordPress pracowali w przeszłości, wraz z motywami opartymi na ich popularności w repozytorium WP.
Następnie rozpoczęliśmy długi proces testowania prędkości:
- Zainstaluj i aktywuj motyw na pustej instalacji WordPress.
- Pozostaw motyw taki, jaki jest — bez dodanych treści, menu, stron, postów ani wtyczek.
- Uruchom witrynę z motywem za pomocą Google PageSpeed Insights.
- Uruchom motyw przez GTmetrix.
- Uruchom motyw za pomocą Pingdom Speed Test.
- Zbierz wszystkie wyniki i porównaj je.
Zdecydowaliśmy się użyć trzech narzędzi do testowania, ponieważ każde z nich ma inne standardy i wskaźniki. Chcieliśmy mieć pewność, że jedno narzędzie nie dawało lepszych lub gorszych wyników niż inne.
W każdym narzędziu postanowiliśmy monitorować określone wskaźniki:
Statystyki PageSpeed
Google PageSpeed Insights (PSI) to podstawowe narzędzie do testowania motywu pod kątem szybkości i podstawowych wskaźników internetowych. Biorąc pod uwagę, że nie mieliśmy rzeczywistego ruchu, skupiliśmy się na Wyniku wydajności i jego wskaźnikach zarówno na urządzeniach mobilnych, jak i na komputerach.
Oto wskaźniki, na których się skupiliśmy:
- Wynik wydajności . Jest na 100 i opiera się na następujących wskaźnikach – LCP, CLS, Speed Index, TBT i FCP. Każda metryka ma inną wagę.
- Pierwsza pełna treści farba. FCP to czas potrzebny przeglądarce na wizualizację pierwszego fragmentu treści DOM.
- Największa zawartość farby. LCP mierzy, ile czasu zajmuje załadowanie największego elementu na stronie widocznej na ekranie.
- Indeks prędkości . Pokazuje, jak szybko zawartość strony jest widocznie wypełniana. Niższe jest lepsze.
- Całkowity czas blokowania. Pokazuje, jak bardzo strona nie odpowiada, zanim stanie się w pełni interaktywna.
- Skumulowana zmiana układu. CLS mierzy, jak bardzo nieoczekiwane zmiany układu wpływają na wrażenia użytkownika na stronie.
metryka GT
GTmetrix analizuje szybkość i optymalizację strony internetowej, dzięki czemu jest cennym narzędziem do identyfikowania problemów z wydajnością i określania, czy motyw zawiera nadmierną liczbę niepotrzebnych plików.
Metryki, na których się skupiliśmy, to:
- Klasa GTmetrix. Jest to ważona ocena zarówno wydajności, jak i wyników struktury.
- Wynik wydajności. To Lighthouse Performance Score, przechwycony przez GTmetrix, z jego niestandardowymi audytami, opcjami analizy, przeglądarką i specyfikacjami sprzętowymi.
- Wynik struktury . Jest to autorska ocena audytów Lighthouse i Custom GTmetrix. Reprezentuje, jak dobrze zbudowano motyw/stronę pod kątem optymalnej wydajności.
- Wskaźniki internetowe. Oparte na laboratorium wskaźniki Core Web Vitals, które mierzą, czy motyw/strona zapewnia doskonałe ogólne wrażenia.
- Czas ładowania. Ile czasu zajmuje pełne załadowanie strony internetowej.
Pingdom
Chociaż Pingdom ma podobieństwa z GTmetrix, wolimy używać obu narzędzi jednocześnie, ponieważ zapewniają one różne wskaźniki. Ponadto Pingdom oferuje łatwy sposób testowania strony internetowej z różnych lokalizacji.
Wszystkie motywy zostały przetestowane z Ameryki Północnej - USA - Waszyngtonu
Metryki, które monitorowaliśmy:
- Ocena wydajności Jest to łączna ocena na 100.
- Czas ładowania. Czas potrzebny Pingdom do załadowania całej witryny z zainstalowanym motywem.
- Rozmiar strony. Rozmiar wszystkich plików witryny. Temat ma ogromny wpływ na ten.
- Upraszanie. Liczba żądań serwera w celu dostarczenia motywu i zawartości witryny użytkownikowi.
Szybkie podsumowanie najlepiej działających motywów WordPress
Zanim zagłębimy się w każdy motyw, jego funkcje, ceny i wyniki wydajności, oto podsumowanie naszych testów.
Uwaga: Poniższy ranking opiera się na wynikach Pingdom, a dokładniej na wielkości strony i czasie ładowania. W dalszej części artykułu przejrzymy każdy temat i jego wyniki CWV.
- Dwadzieścia dwadzieścia trzy –Rozmiar strony:26,3 KB;Czas ładowania:520ms
- Hello Elementor –Rozmiar strony: 32,7 KB;Czas ładowania:520ms
- GeneratePress –Rozmiar strony: 37,7 KB;Czas ładowania:538ms
- Neve –rozmiar strony: 42,4 KB;Czas ładowania:552ms
- Sydney —rozmiar strony: 48,1 KB;Czas ładowania:560ms
- Astra –Rozmiar strony: 48,5 KB;Czas ładowania:619ms
- Kadence –Rozmiar strony: 54,8 KB;Czas ładowania:628ms
Najlepsze motywy WordPress do przekazywania podstawowych wskaźników internetowych w 2023 r
Funkcje, ceny, wyniki wydajności — zacznijmy od szczegółowego przeglądu każdego rywala.
1. Twenty Twenty-Three - Najlepsi kumple z Gutenbergiem
Domyślny motyw Twenty Twenty-Three został opracowany w celu wykorzystania najnowszych narzędzi do projektowania wprowadzonych w WordPress 6.1.
Motyw wykorzystuje prostą i przejrzystą podstawę i zapewnia dziesięć różnych odmian stylów wniesionych przez społeczność WordPress.
Twenty Twenty-Three pozwala łatwo stworzyć stronę internetową o dowolnym poziomie złożoności, wykorzystując wstępnie zaprojektowane style lub stosując bardziej praktyczne podejście i dostosowując ją do własnych upodobań.
To, co uderza w najnowszym domyślnym motywie WordPress, to jego prostota i lekkość. Twenty Twenty-Three jest elastyczny i doskonale pasuje do funkcji edycji witryny Gutenberga, takich jak edycja szablonów, wariacje stylów, typografia i wzory bloków.
Cena: bezpłatna
Aktywne instalacje: ponad 800 000
Najlepsze cechy: minimalistyczny design, lekkość, wstępnie zaprojektowane style
Nadaje się do: testowania środowiska i tworzenia różnych stron internetowych
Co wykazały nasze testy
Twenty Twenty-Three osiągnęło niezwykłe wyniki we wszystkich trzech testach. Co ważniejsze, jego laboratoryjne wskaźniki Core Web Vitals były zielone, co jest warunkiem wstępnym doskonałej wydajności w świecie rzeczywistym.
W PSI uzyskał doskonałe wyniki na urządzeniach mobilnych i komputerach, osiągając 100/100 w obu testach. Uzyskał również ocenę A w GTmetrix (wynik wydajności 98%, wynik struktury 100%) z czasem ładowania 1,4 s.
Nasze testy Pingdom potwierdziły „lekką” etykietę Twenty Twenty-Three. Przy rozmiarze strony wynoszącym zaledwie 26,3 KB ten motyw był wyraźnym zwycięzcą spośród wszystkich, które testowaliśmy.
2. Hello Elementor — narzędzie e-commerce
Elementor jest używany przez 8,0% wszystkich stron internetowych, co nie jest zaskoczeniem, biorąc pod uwagę, jak łatwo jest zbudować stronę internetową. Cóż, ci sami programiści odpowiedzialni za stworzenie jednego z najpopularniejszych narzędzi do tworzenia stron stworzyli szybki i lekki motyw o nazwie Hello Elementor.
Motyw jest reklamowany jako szybki i elastyczny. Jak można się spodziewać, bezproblemowo integruje się z Elementorem i wieloma innymi wtyczkami, takimi jak WooCommerce, Advanced Custom Fields, Yoast i inne.
Ponadto oferuje ponad 100 gotowych projektów, co pozwala stworzyć od podstaw doskonale funkcjonalną stronę internetową.
Cena: bezpłatna
Aktywne instalacje: ponad milion
Najlepsze cechy: lekki, ponad 100 gotowych projektów, konfigurowalny
Nadaje się do: Budowania strony internetowej od podstaw
Co wykazały nasze testy
Podobnie jak Twenty Twenty-Three, Hello Elementor uzyskał doskonałe wyniki CWV zarówno na komputerze, jak i na urządzeniu mobilnym.
Uzyskał doskonałe wyniki w GTmetrix i Pingdom. W rzeczywistości nasze testy Pingdom uznały go za drugi najlżejszy motyw, z czasem ładowania 520 ms, takim samym jak domyślny motyw WordPress.
Powinieneś mieć świadomość, że chociaż jest sprzedawany jako lekki, Hello Elementor nie jest sam w sobie konfigurowalny. Będziesz musiał dodać Elementor jako rozwiązanie do tworzenia stron, co może wpłynąć na wydajność Twojej witryny.
3. GeneratePress — oparty na blokach
GeneratePress to motyw WordPress zaprojektowany z myślą o szybkości, użyteczności i dostępności.
Wykorzystanie Gutenberga gwarantuje swobodę podczas tworzenia treści. Jeśli korzystasz z programów budujących strony, z przyjemnością usłyszysz, że GeneratePress jest w pełni kompatybilny ze wszystkimi głównymi, w tym Beaver Builder i Elementor.
GeneratePress jest w pełni responsywny i został przetłumaczony na ponad 25 języków. Ponadto zawiera ponad 60 elementów sterujących kolorami, potężną dynamiczną typografię, 5 lokalizacji nawigacji, 5 układów paska bocznego, rozwijane menu i 9 obszarów widżetów.
Cena: za darmo; 59 USD rocznie, 249 USD przez całe życie
Aktywne instalacje: ponad 500 000
Najlepsze funkcje: Zorientowany na szybkość, responsywny, kompatybilny z narzędziami do tworzenia stron
Nadaje się do: Wszystkie rodzaje stron internetowych
Co wykazały nasze testy
Jedną rzeczą, która zwróciła naszą uwagę podczas wyszukiwania motywów, było stwierdzenie GeneratePress „100% wyników strony”. Dlatego bardzo chcieliśmy to przetestować.
Można powiedzieć, że GeneratePress mówił i chodził. Uzyskał prawie doskonałe wyniki we wszystkich trzech testach:
Jeśli chodzi o rozmiar strony, wyniki nas zaskoczyły. Uruchamiając naszą witrynę za pośrednictwem Pingdom, rozmiar strony wyniósł 37,7 KB, nieco inny niż „7,5 KB”, które obiecują na swojej stronie internetowej.
4. Neve — wszechstronność
Neve to wszechstronny i szybki motyw, który można dostosować do różnych celów. Jest idealny dla blogerów, małych firm, startupów, agencji, firm i sklepów e-commerce korzystających z witryny sklepowej WooCommerce, witryn z osobistym portfolio i różnych innych projektów.
Jest zoptymalizowany pod kątem AMP i responsywności, zapewniając szybkie ładowanie i optymalne wyświetlanie na dowolnym urządzeniu. Chociaż ma minimalistyczny wygląd, Neve można łatwo rozszerzyć i zawiera wysoce zoptymalizowany pod kątem SEO kod, który może zapewnić najwyższe pozycje w wynikach wyszukiwania Google.
Neve jest również kompatybilny z Gutenbergiem i popularnymi programami do tworzenia stron, takimi jak Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin i Divi.
Cena: za darmo; 69 USD rocznie; 149 USD rocznie; 249 USD rocznie
Aktywne instalacje: ponad 300 000
Najlepsze funkcje: Responsywny, zoptymalizowany pod kątem SEO, minimalistyczny design
Nadaje się do: Szeroka gama celów i miejsc
Co wykazały nasze testy
Jeśli chodzi o Core Web Vitals i wyniki wydajności, Neve jest tak samo dobra jak poprzednie opcje.
Powodem, dla którego zajmuje czwarte miejsce na naszej liście, jest rozmiar strony i czas ładowania, ale to nie powinno powstrzymywać Cię przed testowaniem.
Jedną z zalet Neve jest to, że wykorzystuje waniliowy JS zamiast frameworka takiego jak JQuery. Przyczynia się to do poprawy wydajności i skutkuje bardziej responsywną stroną internetową.
5. Sydney — Freelancerzy to uwielbiają
Sydney to solidny motyw, który pozwala firmom lub freelancerom szybko zaistnieć w Internecie.
Ten motyw jest w pełni kompatybilny z Elementorem i oferuje różne opcje dostosowywania, w tym dostęp do wszystkich czcionek Google, pełną kontrolę kolorów, kontrolę układu, przesyłanie logo, pełnoekranowy suwak, obraz nagłówka, lepką nawigację i wiele innych funkcji.
Dodatkowo Sydney zapewnia wszystkie niezbędne elementy składowe, aby szybko stworzyć atrakcyjną stronę.
Cena: za darmo; 69 USD rocznie, 99 USD rocznie; 199 USD / całe życie
Aktywne instalacje: ponad 100 000
Najlepsze funkcje: dostęp do czcionek Google, kontrola kolorów
Nadaje się do: witryn biznesowych
Co wykazały nasze testy
Po ukończeniu nowej instalacji Sydney przetestowaliśmy wydajność motywu.
Wyniki:
Ma wszystkie składniki do zbudowania strony internetowej, która zadowoli odwiedzających i wyszukiwarki.
Pod względem szybkości i wskaźników Core Web Vitals Sydney plasuje się tak samo jak inne motywy. Jednak całkowity rozmiar strony jest dwukrotnie większy (48,1 KB) niż Twenty Twenty-Three.
6. Astra - znana wszystkim, kochana przez wszystkich
Astra to najpopularniejszy motyw WordPress. Jest szybki, w pełni konfigurowalny i atrakcyjny wizualnie, co czyni go odpowiednim wyborem do różnych celów, takich jak blogowanie, osobiste portfolio, strony biznesowe i witryny sklepowe WooCommerce.
Astra została również zaprojektowana tak, aby była lekka, z interfejsem o rozmiarze mniejszym niż 50 KB, co przyczynia się do jej niezrównanej szybkości. Motyw został zbudowany z myślą o SEO, integrując kod Schema.org i natywną obsługę AMP, aby poprawić widoczność Twojej witryny w wyszukiwarkach.
Ponadto Astra oferuje unikalne funkcje i szablony kompatybilne z popularnymi narzędziami do tworzenia stron, takimi jak Elementor, Beaver Builder, Visual Composer, SiteOrigin i Divi, zapewniając bezproblemową integrację z preferowanym narzędziem do tworzenia stron.
Cena: za darmo; 47 USD rocznie, 137 USD rocznie; 187 USD rocznie; dostępne opcje dożywotnie
Aktywne instalacje: ponad milion
Najlepsze funkcje: Gotowe strony internetowe, wiele konfigurowalnych opcji, szybko
Nadaje się do: każdej strony internetowej
Co wykazały nasze testy
Wbrew naszym oczekiwaniom Astra nie spisała się tak dobrze, jak myśleliśmy. Tak, wyniki mobilne PSI były doskonałe, ale pokazały wyniki poniżej normy na komputerach.
Zaskakujące było również to, że uzyskał tylko 85% wynik wydajności w GTmetrix. Niemniej wszystkie pozostałe wskaźniki były zbliżone do liderów naszego rankingu.
7. Kadence — ulubieniec z niskim kluczem
Kadence to motyw WordPress, który jest zarówno lekki, jak i pełen funkcji, umożliwiających łatwe tworzenie pięknych, szybko ładujących się i dostępnych stron internetowych.
Jedną z jego godnych uwagi funkcji jest intuicyjny kreator nagłówków i stopek typu „przeciągnij i upuść”, który umożliwia utworzenie dowolnego typu nagłówka w ciągu kilku minut. Motyw zawiera również obszerną bibliotekę oszałamiających szablonów początkowych, które można łatwo dostosować za pomocą inteligentnych globalnych elementów sterujących czcionkami i kolorami.
Co więcej, motyw Kadence jest wysoce kompatybilny z najpopularniejszymi wtyczkami innych firm, umożliwiając szybkie tworzenie imponujących witryn e-commerce, witryn kursów, witryn biznesowych i innych typów witryn.
Cena: za darmo; 129 USD/pierwszy rok, 199 USD/pierwszy rok
Aktywne instalacje: ponad 200 000
Najlepsze funkcje: Intuicyjne przeciąganie i upuszczanie, szablony startowe, nastawienie na wydajność
Nadaje się do: Wszystkie rodzaje stron internetowych
Co wykazały nasze testy
Kadence ma domyślny rozmiar strony 54,8 KB. Chociaż jest największy z grupy, nadal wyróżnia się w obu testach PSI i zdobywa ocenę A w GTmetrix.
Biorąc pod uwagę, ile zawiera ten motyw, można go drastycznie poprawić dzięki pewnej optymalizacji i dobrej wtyczce do optymalizacji szybkości witryny.
Który motyw powinienem zainstalować?
Wszyscy.
Tak, dobrze to przeczytałeś.
Zawęziliśmy naszą listę do zaledwie 7 motywów, ponieważ chcieliśmy zapewnić ci niewielką pulę opcji, które możesz przetestować samodzielnie.
Samodzielne przeglądanie siedmiu motywów jest znacznie szybsze i łatwiejsze, zamiast przytłaczać Cię ogromną listą ponad 50 motywów.
Uważamy, że te, które zostały uwzględnione w tym artykule, stanowią najlepszą podstawę do budowania i posiadania dobrze działającej witryny internetowej.
I podkreślamy na fundamencie.
W naszych badaniach przetestowaliśmy motywy bez dodanych do nich treści lub wtyczek.
Dlatego zalecamy wypróbowanie ich wszystkich, zabawę z ich funkcjami dostosowywania, dodanie niektórych treści i zainstalowanie kilku wtyczek.
Następnie przetestuj i zobacz, co zapewnia najlepsze wyniki w oparciu o Twoje konkretne potrzeby i wymagania.
Jak jeszcze bardziej poprawić podstawowe wskaźniki internetowe [lista kontrolna]
Opieranie się na motywie zoptymalizowanym pod kątem szybkości zapewni Ci przewagę w podróży do Core Web Vitals.
Jednak w wielu przypadkach poleganie wyłącznie na szybkim motywie nie wystarczy, aby Twoje wyniki przekroczyły granicę.
Dlatego przygotowaliśmy krótką listę kontrolną dobrych praktyk, które możesz zastosować, aby zoptymalizować każdy wskaźnik CWV:
1. Największa farba zawierająca treści (LCP)
- Użyj lekkiego motywu
- Nie zapełniaj swojej witryny niepotrzebnymi wtyczkami
- Kompresuj swoje obrazy
- Udostępniaj obrazy w formatach nowej generacji
- Wstępnie załaduj obrazy swoich bohaterów
- Minifikuj i kompresuj pliki kodu
- Zaimplementuj krytyczne CSS
- Użyj sieci CDN
- Zainstaluj wtyczkę buforującą
2. Pierwsze opóźnienie wejścia (FID)
- Opóźniaj lub usuwaj niekrytyczne skrypty innych firm
- Minifikuj i kompresuj pliki kodu
- Zmniejsz nieużywane CSS
- Odłóż nieużywany JavaScript
3. Skumulowana zmiana układu (CLS)
- Dodaj atrybuty szerokości i wysokości do obrazów i filmów
- Zarezerwuj miejsce na reklamy, elementy do umieszczenia na stronie i elementy iFrame
- Zoptymalizuj dostarczanie czcionek
Chociaż może się to wydawać dużo pracy, korzyści płynące z zastosowania wszystkich tych najlepszych praktyk ostatecznie doprowadzą do doskonałych wyników biznesowych w świecie rzeczywistym.
Wszystko, co musisz zrobić, to zoptymalizować jedną rzecz na raz.
Lub…