Cele mai rapide 10 teme WordPress din 2023 (gratuit și plătit)

Publicat: 2023-03-06

Căutați o temă WordPress rapidă pentru a începe următorul proiect? Am făcut munca grea pentru tine și am efectuat câteva teste de viteză pe cele mai utilizate teme WordPress. În acest ghid, împărtășim performanța unor teme ușoare și mai personalizabile, cum ar fi Divi sau Avada. De asemenea, vă arătăm cum să vă optimizați tema și să vă faceți site-ul mai rapid, ceea ce ar trebui să vă ajute să alegeți instrumentele potrivite pentru următorul proiect de dezvoltare.

Pentru analiza noastră, am selectat cele mai populare teme de pe piață (gratuite și plătite), iar iată lista noastră scurtă de mai jos:

5 teme ușoare

  1. Buna ziua
  2. Astra
  3. OceanWP
  4. GeneratePress
  5. Kadence

5 teme care vin cu un generator de pagini

  1. Avada (constructor de fuziune)
  2. Divi (Divi Builder)
  3. BeTheme (BeBuilder)
  4. Cele 7 (creator de pagini Elementor)
  5. Salient (generator de pagini WPBakery)

Să revizuim și să trecem peste rezultatele performanței pentru fiecare temă:

Cele mai rapide 10 teme WordPress + Date de testare

1. Bună ziua

O temă simplă, fără vanilie, dezvoltată de Elementor și adaptată pentru generatorul de pagini. Ocupă doar 6 kb de resurse de memorie, așa că, ca rezultat, opțiunile de personalizare sunt limitate dacă utilizați singur tema.

Salutare tema - Sursa: Elementor
Salutare tema – Sursa: Elementor

Rezultate de performanță pentru tema Hello:

  • Scorul PageSpeed ​​mobil: 90/100
  • Prima vopsea satisfăcătoare: 3.1s
  • Cea mai mare vopsea plină de conținut: 1,8 s
  • Schimbare cumulativă a aspectului: 2,9 s
  • Index de viteza: 1,4 s
  • Timp până la interactiv: 1,4 secunde
  • Timp total de blocare: 0 ms
  • Timp total de încărcare: 2,2 s
  • Dimensiunea totală a paginii: 990 KB
  • Solicitări HTTP: 13

2. Astra

Astra este una dintre cele mai populare teme gratuite WordPress datorită codului său ușor, caracteristicilor ușor de utilizat și a miilor de șabloane gata de utilizare.

Tema Astra - Sursa: WordPress.org
Tema Astra – Sursa: WordPress.org

Rezultate de performanță pentru tema Astra:

  • Scorul PageSpeed ​​mobil: 91/100
  • Prima vopsea satisfăcătoare: 2.1s
  • Cea mai mare vopsea plină de conținut: 1,9 s
  • Schimbarea cumulată a aspectului: 2,8 s
  • Index de viteza: 1,3s
  • Timp până la interactiv: 1,4 secunde
  • Timp total de blocare: 0 ms
  • Timp total de încărcare: 2.1s
  • Dimensiunea totală a paginii: 890 KB
  • Solicitări HTTP: 12

3. OceanWP

Ușor și foarte extensibil, vă va permite să creați aproape orice tip de site web. Este o temă complet receptivă, care arată grozav pe mobil și are propriile instrumente de traducere. Are multe șabloane construite cu Gutenberg (editorul WordPress) și constructori populari precum Elementor sau Beaver Builder.

OceanWP - Sursa: WordPress.org
OceanWP – Sursa: WordPress.org

Rezultate de performanță pentru tema OceanWP:

  • Scorul PageSpeed ​​mobil: 88/100
  • Prima vopsea satisfăcătoare: 1.1s
  • Cea mai mare vopsea plină de conținut: 2,9 s
  • Schimbarea cumulată a aspectului: 1,8 s
  • Index de viteza: 2,3s
  • Timp până la interactiv: 1,4 secunde
  • Timp total de blocare: 0 ms
  • Timp total de încărcare: 3.2s
  • Dimensiunea totală a paginii: 996 KB
  • Solicitări HTTP: 13

4. GeneratePress

GeneratePress este o temă ușoară construită cu accent pe uzabilitate și viteză (o instalare nouă GeneratePress adaugă mai puțin de 10 kb la dimensiunea paginii). Tema profită din plin de editorul de blocuri (Gutenberg), care vă oferă mai mult control asupra creării conținutului.

Tema GeneratePress - Sursa: WordPress.org
Tema GeneratePress – Sursa: WordPress.org

Rezultate de performanță pentru tema GeneratePress:

  • Scorul PageSpeed ​​mobil: 86/100
  • Prima vopsea satisfăcătoare: 3.3s
  • Cea mai mare vopsea plină de conținut: 1,7 s
  • Schimbarea cumulată a aspectului: 2,8 s
  • Index de viteza: 1,3s
  • Timp până la interactiv: 2,5 secunde
  • Timp total de blocare: 0 ms
  • Timp total de încărcare: 3.1s
  • Dimensiunea totală a paginii: 890 KB
  • Solicitări HTTP: 12

5. Kadence

Tema Kadence este o temă WordPress ușoară, dar cu funcții complete, pentru site-uri frumoase cu încărcare rapidă. Dezvoltatorul a făcut demo-urile accesibile și a construit un antet și un generator de subsol cu ​​drag-and-drop pentru a construi orice tip de antet în câteva minute. Biblioteca de șabloane multifuncționale are diferite modele care se pot potrivi cu sute de proiecte.

Tema Kadence – Sursa: WordPress.org

Rezultate de performanță pentru tema Kadence:

  • Scorul PageSpeed ​​mobil: 89/100
  • Prima vopsea satisfăcătoare: 3.1s
  • Cea mai mare vopsea plină de conținut: 1,9 s
  • Schimbare cumulativă a aspectului: 2,9 s
  • Index de viteza: 1,3s
  • Timp până la interactiv: 1,7 secunde
  • Timp total de blocare: 0,3 ms
  • Timp total de încărcare: 2.8s
  • Dimensiunea totală a paginii: 898 KB
  • Solicitări HTTP: 10
️ Important: Următoarele teme vin cu generatorul lor de pagini (sau sunt incluse cu Elementor sau WP Bakery). De aceea, acestea sunt într-o secțiune separată, iar rezultatele sunt de la un nou site de testare cu elemente similare în generatorii de pagini.

6. Avada (+ Fusion Builder)

Tema numărul 1 de vânzări pe Envato de ani de zile. Există mii de șabloane ușor de personalizat în bibliotecă. Este un generator de site-uri web care vă permite să vă construiți site-ul de la antet la subsol, datorită puternicului Fusion Builder. Avada este întreținut 100% în interior de aceeași echipă și nu se bazează pe instrumente terțe.

Tema Avada - Sursa: Themeforest
Tema Avada – Sursa: Themeforest

Rezultate de performanță pentru tema Avada:

  • Scorul PageSpeed ​​mobil: 87/100
  • Prima vopsea satisfăcătoare: 3.1s
  • Cea mai mare vopsea plină de conținut: 1,5 s
  • Schimbare cumulativă a aspectului: 1,7 s
  • Index de viteza: 1,5 s
  • Timp până la interactiv: 2,4 secunde
  • Timp total de blocare: 0 ms
  • Timp total de încărcare: 2.4s
  • Dimensiunea totală a paginii: 998 KB
  • Solicitări HTTP: 12

7. Divi (+ Divi Builder)

Divi este o temă puternică datorită constructorului său vizual de pagini. Elegant Themes a fost printre primele companii care au adus WYSIWYG pe WordPress. Puteți construi totul vizual folosind cadrul Divi fără să atingeți vreodată o singură linie de cod (și fără să instalați și să configurați pluginuri pentru a aduce caracteristici suplimentare).

Divi – Sursa: Elegantthemes.com

Rezultate de performanță pentru tema Divi:

  • Scorul PageSpeed ​​mobil: 84/100
  • Prima vopsea satisfăcătoare: 4.1s
  • Cea mai mare vopsea plină de conținut: 1,1 s
  • Schimbarea cumulată a aspectului: 1,8 s
  • Index de viteza: 1,4 s
  • Timp până la interactiv: 1,1 s
  • Timp total de blocare: 0,1 ms
  • Timp total de încărcare: 3.1s
  • Dimensiunea totală a paginii: 1,2 MB
  • Solicitări HTTP: 14

8. BeTheme (+ BeBuilder)

BeTheme este un creator de site-uri multifuncționale și cea mai bine vândută temă WordPress cu peste 650 de site-uri web pre-construite (cu design foarte modern și în tendințe). BeBuilder-ul lor este, de asemenea, pe deplin compatibil cu WooCommerce și au lansat recent un generator de interogări pentru a construi site-uri web dinamice.

Tema BeTheme - Sursa: themuffingroup.com
Tema BeTheme – Sursa: themuffingroup.com

Rezultate de performanță pentru tema BeTheme:

  • Scorul PageSpeed ​​mobil: 80/100
  • Prima vopsea satisfăcătoare: 4.1s
  • Cea mai mare vopsea plină de conținut: 2,9 s
  • Schimbarea cumulată a aspectului: 3,8 s
  • Index de viteza: 1,9 s
  • Timp până la interactiv: 1,4 secunde
  • Timp total de blocare: 0,2 ms
  • Timp total de încărcare: 4.1s
  • Dimensiunea totală a paginii: 1,4 MB
  • Solicitări HTTP: 15

9. The7 (+ Elementor)

Sunt temele Elementor numărul 1 care oferă multă personalizare din tabloul de bord WordPress. The7 are peste 60 de site-uri web simulate preconstruite cu șabloane exclusive pentru Elementor, WPBakery Page Builder și Slider Revolution.

The 7 - Sursa: the7.io
The 7 – Sursa: the7.io

Rezultate de performanță pentru tema The7:

  • Scorul PageSpeed ​​mobil: 81/100
  • Prima vopsea satisfăcătoare: 2,4 s
  • Cea mai mare vopsea plină de conținut: 1,8 s
  • Schimbare cumulativă a aspectului: 2,9 s
  • Index de viteza: 1,1 s
  • Timp până la interactiv: 1,2 secunde
  • Timp total de blocare: 0 ms
  • Timp total de încărcare: 3.8s
  • Dimensiunea totală a paginii: 1,1 MB
  • Solicitări HTTP: 16

10. Salient (+ versiune personalizată a WPBakery Page Builder)

Salient oferă acces la o bibliotecă de șabloane profesionale cu peste 400 din care să alegeți. Au luat ca bază generatorul de pagini WP Bakery Bakery și i-au adăugat câteva funcții suplimentare. În cele din urmă, Salient are o evaluare medie de 4,8 din 5 pe baza a 5700 de evaluări pe Themeforest.

Tema proeminentă- sursa: themenectar.com
Tema proeminentă- sursa: themenectar.com

Rezultate de performanță pentru tema Salient:

  • Scorul PageSpeed ​​mobil: 82/100
  • Prima vopsea satisfăcătoare: 2,5 secunde
  • Cea mai mare vopsea plină de conținut: 1,7 s
  • Schimbarea cumulată a aspectului: 1,8 s
  • Index de viteza: 1,9 s
  • Timp până la interactiv: 1,2 secunde
  • Timp total de blocare: 0,35 ms
  • Timp total de încărcare: 3.8s
  • Dimensiunea totală a paginii: 987 KB
  • Solicitări HTTP: 13

Tabelul rezultatelor testelor

Mai jos veți găsi un rezumat al rezultatelor performanței pentru fiecare temă. Am folosit KPI „PageSpeed ​​mobile scor” pentru a le clasa, dar valoarea totală a paginii de încărcare este de asemenea importantă, așa că nu uitați să vă uitați la rândul respectiv.

Teme ușoare

KPI-uri #1 Astra #2 Bună # 3 Kadence #4 OceanWP # 5 Generați presă
Scor mobil PageSpeed 91/100 90/100 89/100 88/100 86/100
Prima vopsea satisfăcătoare 2.1s 3.1s 3.1s 1,1 s 3,3s
Cea mai mare vopsea plină de conținut 1,9 s 1,8s 1,9 s 2,9 s 1,7s
Schimbare cumulativă a aspectului 2,8s 2,9 s 2,9 s 1,8s 2,8s
Indicele de viteză 1,3s 1,4s 1,3s 2,3s 1,3s
Timpul pentru interacțiune 1,4s 1,4s 1,7s 1,4s 2,5 s
Timp total de blocare 0 ms 0 ms 0,3 ms 0,2 ms 0 ms
Timp total de încărcare 2.1s 2,2s 2,8s 3,2 s 3.1s
Dimensiunea totală a paginii 890 KB 990 KB 898 KB 996 KB 890 KB
solicitări HTTP 12 13 10 13 12

Teme care vin cu un generator de pagini

În mod similar, clasamentul se bazează pe scorul PageSpeed ​​mobil.

KPI-uri #1 Avada #2 Divi # 3 Proeminent #4 The7 # 5 BeTheme
Scor mobil PageSpeed 87/100 84/100 82/100 81/100 80/100
Prima vopsea satisfăcătoare 3.1s 4.1s 2,5 s 2,4 s 4.1s
Cea mai mare vopsea plină de conținut 1,5s 1,1 s 1,7s 1,8s 2,9 s
Schimbare cumulativă a aspectului 1,7s 1,8s 1,8s 2,9 s 3,8s
Indicele de viteză 1,5s 1,4s 1,9 s 1,1 s 1,9 s
Timpul pentru interacțiune 2,4 s 1,1 s 1,2s 1,2s 1,4s
Timp total de blocare 0 ms 0,1 ms 0,35 ms 0 ms 0,2 ms
Timp total de încărcare 2,4 s 3.1s 3,8s 3,8s 4.1s
Dimensiunea totală a paginii 998 KB 1,2 MB 987 KB 1,1 MB 1,4 MB
solicitări HTTP 12 14 13 16 15

Recomandări cheie:

  • Toate temele merg de la acceptabil la foarte bun pentru nota lor pe PageSpeed ​​Insights. Sunt fie în portocaliu, fie în verde, nu există în roșu în ceea ce privește performanța.
  • Astra pare a fi cea mai rapidă dintre temele ușoare, cu un 91/100 pe mobil și o încărcare a paginii de 2,1 s.
  • Avada (cu propriul constructor) ajunge, de asemenea, în fruntea listei cu un 87/100 pe mobil și o încărcare a paginii de 2,4 s.

Cum am testat temele

Selecția noastră s-a bazat pe popularitatea din 2023, numărul mare de descărcări sau vânzări pe Envato și recenzii de calitate. Apoi efectuăm un audit prin următoarele instrumente de performanță:

Cu ajutorul Lighthouse, PageSpeed ​​Insights și GTmetrix, ambele analizează performanța și experiența utilizatorului site-ului dvs. Cei mai importanți KPI sunt Core Web Vitals, care vin cu un raport detaliat despre performanța paginilor dvs. și care sunt domeniile de îmbunătățire. De aceea am inclus următoarele 10 metrici în testele noastre – măsurate pe mobil :

Din PageSpeed ​​Insights:

  • Scor mobil PageSpeed
  • Prima vopsea satisfăcătoare
  • Cea mai mare vopsea plină de conținut
  • Schimbare cumulativă a aspectului
  • Indicele de viteză
  • Timpul pentru interacțiune
  • Timp total de blocare

De la GTmetrix:

  • Timp total de încărcare
  • Dimensiunea totală a paginii
  • solicitări HTTP

Apoi, am ales 10 teme pe care le-am împărțit în două categorii:

#1 Temele gratuite și ușoare care vin cu o abordare minimalistă și sunt mai mult ca o pânză de bază pentru a începe un site web:

  • Buna ziua
  • Astra
  • OceanWP
  • GeneratePress
  • Kadence

#2 Cealaltă categorie conține temele „mai grele” care vin cu propriul lor generator de pagini. Ne-am gândit să comparăm Avada (și constructorul său Fusion) cu o temă ușoară precum Astra ar fi nedreaptă. Deci temele pentru a doua categorie sunt următoarele:

  • Avada (constructor de fuziune)
  • Divi (Divi Builder)
  • BeTheme (BeBuilder)
  • Cele 7 (creator de pagini Elementor/WP Bakery)
  • Salient (generator de pagini WPBakery)

Site-urile de testare

Pentru prima categorie, am construit un site de testare realist folosind Editorul WordPress și am folosit blocurile pentru a crea un banner erou cu un buton, 5 mărturii cu imagini, 1 îndemn la acțiune (secțiune completă cu o imagine), 4 pictograme și text, 2 titluri și 2 subtitrări și 8 servicii cu imagini.

Exemplu de construire a unui site de testare cu Astra și Editorul de blocuri - Sursa: WP Rocket
Exemplu de construire a unui site de testare cu Astra și Editorul de blocuri – Sursa: WP Rocket

Pentru a doua categorie, ne-am asigurat de fiecare dată să construim o pagină cu elemente similare prezente în fiecare builder: un banner erou cu o imagine și un buton, 3 servicii cu pictogramă și texte, 2 imagini (am refolosit la fel), 2 elemente de text, 3 liste de pictograme și o secțiune îndemn la acțiune cu antet, sub-antet și buton (secțiune completă).

Exemplu de testare Avada
Exemplu de testare Avada

Urmând aceleași scenarii de testare și același conținut pentru fiecare temă, am putea realiza o analiză echitabilă de comparație a performanței. Am făcut o nouă instalare pentru fiecare temă și am folosit același server pentru testarea vitezei fiecărei teme.

️ Important: Aceste teste au fost efectuate pe un server cu sediul în Franța și fiecare pagină am construit-o singuri. Rezultatele pe care le-am prezentat sunt din propria noastră experiență, iar rezultatele pot diferi în funcție de dimensiunea imaginilor pe care le încărcați, de cantitatea de conținut pe care o utilizați sau chiar de locația dvs. din întreaga lume.

Oferă un plus de performanță cu WP Rocket

WP Rocket este unul dintre cele mai bune pluginuri de caching pentru WordPress care poate optimiza orice temă în câteva clicuri. De asemenea, îmbunătățește performanța site-ului dvs. și a elementelor vitale de bază ale dvs. web.

Pentru a înțelege impactul mare al WP Rocket asupra vitezei, să-l vedem în acțiune cu BeTheme, care a fost cea mai „lentă” temă din testele noastre.

Pentru înregistrare, au existat câteva probleme semnalate de Lighthouse, enumerate în fila „Oportunități”:

Recomandări Lighthouse pentru a-mi optimiza fișierele de pe site-ul meu construit cu BeTheme - Sursa: PageSpeed ​​Insights
Recomandări Lighthouse pentru a-mi optimiza fișierele de pe site-ul meu construit cu BeTheme – Sursa: PageSpeed ​​Insights

Recomandările includ utilizarea memoriei cache, activarea compresiei textului, reducerea CSS/JS neutilizate și amânarea imaginilor offscreen.

Am activat WP Rocket pe acel site de testare și am observat o îmbunătățire uriașă:

Site de testare BeTheme - audit trecut cu WP Rocket - Sursa: PageSpeed ​​Insights
Site de testare BeTheme – audit trecut cu WP Rocket – Sursa: PageSpeed ​​Insights

Toți KPI-urile noastre de performanță s-au îmbunătățit, de asemenea, datorită WP Rocket, care a îmbunătățit și scorul PageSpeed ​​Insights (site-ul meu s-a mutat în verde cu un scor 98/100).

WP Rocket a sporit, de asemenea, scorul Core Web Vitals și a redus timpul total de încărcare (de la 4,1 s la 2,1 s). WP Rocket a redus, de asemenea, dimensiunea paginii și numărul de solicitări HTTP:

KPI-uri de performanță Scor BeTheme (fără WP Rocket) Scor BeTheme (WP Rocket)
Scor mobil PageSpeed 80/100 98/100
Prima vopsea satisfăcătoare 4.1s 2.1s
Cea mai mare vopsea plină de conținut* 2,9 s 1,8s
Schimbare cumulativă a aspectului* 3,8s 1,1 s
Indicele de viteză 1,9 s 1s
Timpul pentru interacțiune 1,4s 1s
Timp total de blocare 0,2 ms 0 ms
Timp total de încărcare 4.1s 2.1s
Dimensiunea totală a paginii 1,4 MB 780 KB
solicitări HTTP 15 8

* Core Web Vitals

Pentru a remedia toate avertismentele PageSpeed ​​Insights și pentru a crește KPI-urile de performanță, am activat următoarele caracteristici WP Rocket:

  • Implementați memorarea în cache și comprimarea textului la activarea pluginului:
WP Rocket aplică automat stocarea în cache și compresia textului - Sursa: WP Rocket
WP Rocket aplică automat stocarea în cache și compresia textului – Sursa: WP Rocket

De asemenea, vă puteți modifica propriile opțiuni din fila cache din administratorul WordPress:

Cache și funcții avansate de optimizare - Sursa: WP Rocket
Cache și funcții avansate de optimizare – Sursa: WP Rocket
  • Fila de optimizare a fișierelor pentru a reduce CSS neutilizat (printre alte caracteristici de optimizare CSS):
Optimizare CSS - Sursa: WP Rocket
Optimizare CSS – Sursa: WP Rocket
  • O subsecțiune dedicată pentru optimizarea JS:
Optimizare JS - Sursa: WP Rocket
Optimizare JS – Sursa: WP Rocket
  • Funcția de încărcare leneră pentru a amâna imaginile în afara ecranului (și încărcați numai imaginile situate deasupra pliului):
Caracteristica LazyLoad - Sursa: WP Rocket
Caracteristica LazyLoad – Sursa: WP Rocket

Care este cea mai bună temă pentru tine?

Este aproape imposibil să vă sugerăm o singură temă, deoarece depinde de nevoile dumneavoastră specifice și de brief-ul clientului, dar iată câteva concluzii:

  • Dacă aveți un client dispus să preia site-ul său, să actualizeze conținutul și să acceseze tabloul de bord WordPress, atunci alegerea unei teme cu un generator de pagini poate fi mai ușoară (cum ar fi BeTheme sau 7).
  • Dacă sunteți un freelancer care căutați o temă cu demonstrații bine concepute pentru diferite industrii, atunci Divi și BeTheme ar putea fi cele mai bune alegeri.
  • Dacă intenționați să creați un site WooCommerce avansat cu mii de produse, o temă ușoară precum Astra poate fi mai înțeleaptă. În plus, vine cu funcții avansate WooCommerce.
  • Dacă trebuie să vă creați propriile formulare și machete de produse și să adăugați date dinamice pe site-ul dvs. web, atunci o temă inclusă cu Elementor Pro este o opțiune excelentă. Elementor a fost una dintre primele companii care a lansat generatorul WooCommerce, permițându-vă să vă construiți propriul șablon de produs și o pagină de magazin în cel mai scurt timp.
  • Dacă ezitați între câteva teme , instalați unul dintre demonstrațiile lor și priviți-le pe mobil. Receptivitatea ar trebui să fie esențială atunci când construiești un site web.
  • Dacă sunteți o agenție de web și design , Divi oferă Divi Cloud, unde vă puteți stoca cu ușurință proiectul și îl puteți partaja cu echipa. Colaborarea și eventualele modificări se pot face mai rapid de oriunde.

În cele din urmă, alegeți o temă cu asistență rapidă, actualizări recente și documentație precisă. De exemplu, OceanWP are o academie care oferă webinarii și tutoriale pentru a folosi tema la maximum.

Încheierea

Acum, ar trebui să puteți decide și alege tema WordPress potrivită pentru următorul dvs. proiect. Și amintiți-vă, indiferent de tema pe care o alegeți pentru următorul proiect, WP Rocket este cea mai simplă modalitate de a îmbunătăți viteza site-ului dvs. WordPress și de a trece auditurile de performanță pe PageSpeed ​​Insights.