Dacă vă simțiți oarecum limitat de flexibilitate de machete furnizate de teme WordPress, ați putea fi interesat în construirea WordPress pagini web cu page builder plugin.
constructorii de pagini WordPress au devenit extrem de populari pentru că lasă pe oricine, chiar și pe cei fără darul Codului, să construiască un site web sau o pagină de destinație frumoasă folosind un simplu editor drag and drop, WYSIWYG., Pe măsură ce cercetați care constructor de site-uri web sau plugin WordPress ar fi cel mai bun pentru dvs., veți analiza o serie de factori importanți: ușurința de utilizare, prețurile, șabloanele de aspect al paginii etc. În această postare, ne concentrăm pe compararea acestor constructori de pagini pe un singur factor: viteza.
sunt produsele finite pe care constructorii de pagini le pun la fel atunci când vine vorba de performanță? Sau, acești constructori creează un cod ineficient care încetinește performanța site-ului dvs. O pagină frumoasă, perfectă pentru pixeli, nu merită prea mult dacă utilizatorii dvs. sări, deoarece site-ul dvs. durează 5 secunde pentru a se încărca.,
cât de repede se încarcă site-ul dvs. este legat de succesul său. Statisticile indică faptul că la fiecare 100 de milisecunde de timp de încărcare creează o creștere de aproximativ 7% a ratei de respingere.
dar dacă nu doriți să vă faceți timp pentru a construi pagini de destinație identice cu constructori de pagini diferiți și pentru a testa performanța acestora, este greu să știți sigur cum se acumulează fiecare constructor de pagini.
Ei bine … am luat timp.,
am construit pagini de destinație aproape identice cu cinci constructori de pagini WordPress populare și apoi le-am rulat printr-o mulțime de teste de viteză pentru a găsi cel mai bun constructor de pagini WordPress din punct de vedere al performanței. Acum, am de gând să împărtășesc toate aceste date cu tine.
Iată cum voi testa acești 5 constructori de pagini
pentru a testa performanța fiecărui constructor de pagini, voi construi o pagină de destinație folosind fiecare dintre cei cinci constructori de pagini. Voi baza acest lucru Aproximativ pe pagina de destinație Pagely, cu câteva elemente adăugate și eliminate.,
aceste pagini de destinație vor fi, pe cât posibil, perfect identice, deși acest lucru nu este întotdeauna realizabil datorită elementelor disponibile în fiecare constructor de pagini.
De asemenea, nu te astepta sa arate la fel de bine ca pagina principala originala Pagely pentru ca eu sunt… ei bine, nu un designer profesionist (sau chiar un designer Amator).,după ce construiesc pagina de destinație cu fiecare constructor de pagini, voi colecta date folosind trei instrumente diferite:
- WebPagetest – oferă o analiză detaliată a performanței, inclusiv timpul de încărcare și un „indice de viteză”
- Pingdom Tools – oferă timpul de încărcare a paginii, dimensiunea paginii, numărul de solicitări
- plugin – arată câte interogări de baze de date face pluginul și cât timp durează aceste interogări
- găzduit pe Pagely
- care rulează WordPress 4.9.,2
- folosind tema Astra, o opțiune populară pentru dezvoltatori pentru a se asocia cu constructorii de pagini
- fără bara laterală. Full-lățime întins recipient (acestea sunt Astra opțiuni de temă)
- Interogare Monitor instalat plugin-ul
- Nici un alt plugin-uri instalate
- Nr. de pagini optimizări de viteză dincolo de cei automat implementat de Pagely hosting
- Elementor – versiunea 1.9.2*
- Beaver Builder Pro – versiune 2.0.3.1
- Divi Builder plugin (de exemplu, nu tema versiune) – versiunea 2.0.,31
- WPBakery Page Builder – versiune 5.4.2 (cunoscut anterior ca Compozitor Visual)
- SiteOrigin Page Builder – versiunea 2.6.1 plus SiteOrigin Widget-uri Pachet versiunea 1.11.3
- O captură de ecran de erorile ce a testat pagina de destinație se pare
- Pingdom date de performanță
- WebPagetest date de performanță
- Cât de mult mi-a luat pentru a crea pagina (amintiți – vă- acest lucru este doar un ghid dur – nu o lua ca pe un hard comparație)
- O captură de ecran de ceea ce se întâmplă după dezactivarea pagina constructor, pentru a vă oferi o idee de cât de mult „lock-in” nu există
- cel mai Rapid Pingdom Timpul de Încărcare a Paginii: SiteOrigin Page Builder de la 390 ms
- mai Putine Pingdom Cereri: SiteOrigin Page Builder cu 13
- cel mai Mic Pingdom Dimensiunea Paginii: SiteOrigin Page Builder cu 245.0 kB
- cel mai Rapid WebPagetest Complet Încărcat: SiteOrigin Page Builder cu 578 ms
- cel mai Mic WebPagetest Indice de Viteza: SiteOrigin Page Builder la 500
- mai Puține Interogări de baze de Date: Divi Constructor cu 8
- cel mai Mic Interogare a bazei de Date Timp: Divi Constructor la 0.,0039 s
- mai Lent Pingdom Timpul de Încărcare a Paginii: Beaver Builder la 665 ms
- cele Mai Pingdom Cereri: Elementor cu 28
- cea Mai mare Pingdom Dimensiunea Paginii: Divi Constructor la 532.7 kB
- mai Lent WebPagetest Complet Încărcat: Divi Constructor la 1.294 s
- cea Mai mare WebPagetest Indice de Viteza: Divi Constructor la 901
- cele Mai multe Interogări de baze de Date: Elementor cu 30
- cea Mai mare bază de Date de Interogare Timp: Elementor de la 0.,Page Builder
Pingdom Page Load 489 ms 665 ms 463 ms 401 ms 390 ms Pingdom Requests 28 20 15 15 13 Pingdom Page Size 530.,7 kB 416.6 kB 532.7 kB 435.7 kB 245.0 kB WebPagetest Fully Loaded 1.254 s 943 ms 1.,d=”573b113c2a”>578 ms WebPagetest Speed Index 574 700 901 610 500 Database Queries 30 14 8 10 9 DB Queries Time 0.,0123 0.0059 0.0039 0.0042 0.0042 Time To Build Page 22:09 20:37 21:02 27:18 19:51 What Conclusions Can We Draw About Page Builder Performance?,
datele sunt acolo pentru a vă interpreta. Dar aici sunt unele concluzii cred că sunt în valoare de vedere:
Pagina Constructorii Sunt, într-O Măsură, Un Act de Echilibrare Între Performanță Și Caracteristici
Normal SiteOrigin Page Builder avut cea mai bună performanță în aproape toate testele.
Dar aici e lucru:
SiteOrigin Page Builder nu este doar ușor atunci când vine vorba de performanță este, de asemenea, ușor când vine vorba de caracteristici.,
obțineți performanțe mai bune decât ceilalți constructori de pagini, sacrificând parțial funcționalitatea.
pentru performanță-concentrat, că compromis ar putea fi bine meritat.
dar alți oameni ar putea fi dispuși să tranzacționeze un pic de performanță pentru o experiență mai puternică de construire a paginilor și nu cred că este neapărat ceva în neregulă cu asta.
utilizatorul mediu va putea construi o pagină mai complexă cu unul dintre ceilalți patru constructori de pagini.,
din acest motiv, cred că este mai bine să căutați un constructor de pagini care să aibă caracteristicile de care aveți nevoie și apoi să comparați performanța constructorilor de pagini care îndeplinesc criteriile respective.
nu Există Diferențe Majore Între High-Powered WordPress Pagina Constructori
Dacă excludeți SiteOrigin Page Builder și doar se concentreze pe mai multe feature-bogat pagina constructori, veți observa că nu există o tona de diferență între ele.,
puteți observa cu siguranță unele diferențe – Elementor este un pic cam greu la interogările și solicitările bazei de date, în timp ce Beaver Builder a oferit cea mai mică dimensiune a paginii.
dar, în general, toate aceste plugin-uri au lucrat în mod clar pentru a optimiza performanța, care este, probabil, de ce sunt liderii de piață în spațiu.
Scurtătură Lock-in Este Un Real Considerare
Dacă alegi un constructor pagină pentru viață, nu trebuie să vă faceți griji despre asta.,
dar dacă credeți că există o șansă să schimbați (sau să încetați să utilizați) constructorii de pagini pe drum, este important să subliniați că doar doi dintre acești constructori de pagini lasă în urmă un cod complet curat.
Cele două plugin-uri, care lasă în urmă 100% cod curat sunt:
- Elementor
- Beaver Builder
SiteOrigin Page Builder lasă în urmă cea mai mare parte de cod curat, dar nu se lasă câteva scurtăturile, în special apară oriunde am folosit butoane.,
în cele din Urmă, ambele Divi Constructor și WPBakery Pagina Constructor lăsa în urmă un morman de scurtăturile pe care va trebui să găsească o modalitate de a elimina.
care sunt experiențele Dvs. cu performanța constructorilor de pagini WordPress?WordPress este doar un factor de luat în considerare atunci când vine vorba de găsirea celui mai bun constructor de pagini pentru site-ul dvs. Lucruri precum ușurința de utilizare, calitatea șabloanelor de pagini pe care le includ, cât de ușor este stilul paginilor, prețurile, nivelul de asistență și mulți alți factori intră în joc.,
dar, ceea ce încercați în cele din urmă să produceți este un site frumos care se încarcă rapid, astfel încât performanța acestor constructori de pagini diferite este o considerație critică.
care sunt propriile tale experiențe cu aceste plugin-uri și performanțe pentru WordPress page builder? Și, mai important, unde credeți că ar trebui să se afle echilibrul între caracteristici și performanță? Pentru o altă piesă de opinie în profunzime de la Pippin Williamson pe pluginurile page builder, verificați acest lucru.,
autor
Colin Newcomer
Colin Newcomer este un scriitor independent pentru închiriere, cu un fundal în SEO și marketing afiliat. El ajută clienții să-și crească vizibilitatea web scriind în primul rând despre subiecte de marketing digital, WordPress și B2B.
pentru a construi pagina de destinație demo, dar vă recomand să luați aceste numere ca estimări brute, mai degrabă decât absolute., Iată de ce: mergând în aceste teste, am folosit unii dintre acești constructori de pagini mai mult decât ceilalți, deci nu este științific pentru mine să declar unul „mai ușor de utilizat” decât ceilalți.
iată detaliile tehnice ale configurației mele de testare
pentru ca aceste teste să dețină orice valoare, trebuie să fie consecvente. Și trebuie să ai încredere că sunt consecvente.
deci, înainte de a sări în orice testare reală, să trecem prin modul în care site-ul meu de testare este configurat:
iata Si pagina constructor plugin-uri care voi fi folosind:
*Pentru Elementor Pro este un add-on, mai degrabă decât un standalone plugin ca celelalte versiuni premium, cred că e corect să testați versiunea gratuită a Elementor.
rularea testelor pentru fiecare constructor de pagini WordPress în parte
acum că știți pe ce sunt construite aceste teste, haideți să intrăm și să ne uităm la date!,
Pentru fiecare pagina constructor, voi include:
Apoi, la final, voi pune totul împreună într-o singură, ușor de a compara masă și de a face unele concluzii!, Dacă preferi să sari peste jocul cu jocul, poți da click aici pentru a sări direct la tabelul rezumat.la fel ca toate plugin-urile Page builder prezentate aici, Elementor facilitează crearea rapidă a unei pagini web cu aspect excelent, fără a fi nevoie să cunoașteți HTML, CSS sau Javascript.Elementor oferă o caracteristică unică numită „Elementor Canvas”, care vă permite să construiți o pagină web complet de la zero — complet separată de tema WordPress. Nu există nici un subsol inserat, nici meniuri, nici bare laterale., Este flexibilitatea finală în designul WordPress și foarte utilă pentru crearea paginilor de destinație drag and drop în special (care folosesc adesea machete non-standard și necesită distrageri minime de la apelul la acțiune).,
Ce Pagina De Destinație Arata Ca:
Timp Pentru a Construi Pagina: 22:09
Pingdom Date de Test:
WebPagetest Date de Test:
Interogare Monitor de Date:
Ce se Întâmplă După Dezactivarea Plugin-ul:
Beaver Builder Test de Performanță
Beaver Builder este un popular site-ul de construcție plugin folosit de peste 175k site-uri web. Este renumit pentru ușurința de utilizare și UI intuitivă.,de asemenea, oferă câteva funcții avansate, cum ar fi comenzile rapide de la tastatură și posibilitatea de a salva rânduri și coloane, astfel încât acestea să poată fi reutilizate cu ușurință. Beaver Builder este construit pe Cadrul Bootstrap și pretinde a fi rapid și ușor., Să vedem cum funcționează în lumea reală.
Ce Pagina De Destinație Arata Ca:
Timp Pentru a Construi Pagina: 20:37
Pingdom Date de Test:
WebPagetest Date de Test:
Interogare Monitor de Date:
Ce se Întâmplă După Dezactivarea Plugin-ul:
Divi Constructor de Testare de Performanță
Divi, de Teme Elegant, este atât o temă WordPress și independentă page builder plugin., Aici analizăm performanța pluginului constructor de site-uri web, nu Tema WordPress.
poți crea pagini și postări în backend-ul WordPress sau chiar să-ți proiectezi site-ul folosind interfața WordPress cu un editor WYSWIG. Divi oferă sute de teme pentru copii și șabloane de pagini pre-construite. Fidel numelui companiei sale, Divi oferă o experiență cu adevărat elegantă de construire a paginilor, cu o mulțime de poloneză, bomboane de ochi și caracteristici intuitive.,
Ce Pagina De Destinație Arata Ca:
Timp Pentru a Construi Pagina: 21:02
Pingdom Date de Test:
WebPagetest Date de Test:
Interogare Monitor de Date:
Ce se Întâmplă După Dezactivarea Plugin-ul:
WPBakery Pagina Constructor de Testare de Performanță
Ca Elementor, WPBakery este de multe ori la pachet cu multe populare teme WordPress., WPBakery iese în evidență de mulți dintre ceilalți constructori de pagini din cauza numărului de suplimente și îmbunătățiri disponibile. Puteți alege din peste 200 de suplimente care fac totul, de la animații CSS slick la îmbunătățirea paginilor de produse WooCommerce.,
Ce Pagina De Destinație Arata Ca:
Timp Pentru a Construi Pagina: 27:18
Pingdom Date de Test:
WebPagetest Date de Test:
Interogare Monitor de Date:
Ce se Întâmplă După Dezactivarea Plugin-ul:
SiteOrigin Page Builder Test de Performanță
SiteOrigin este complet gratuit. În timp ce mulți constructori de pagini își instalează propriile widget-uri, Site Origin este unic prin faptul că joacă frumos cu widget-urile WordPress implicite.,
cum arăta pagina de destinație: * SiteOrigin Page Builder nu are un element de contor, așa că am folosit HTML static, ceea ce îi conferă un ușor avantaj în testele de performanță.,
Timp Pentru a Construi Pagina: 19:51
Pingdom Date de Test:
WebPagetest Date de Test:
Interogare Monitor de Date:
Ce se Întâmplă După Dezactivarea Plugin-ul:
WordPress Page Builder Viteza de Comparație
După ce toate testele au fost rulate și datele crunched, iată cum stau lucrurile scuturat.
să ne uităm mai întâi la bine., Iată câștigătorul de la fiecare categorie:
Și acum să ne uităm la cel mai slab performer din fiecare categorie în testele noastre:
