Testul timpului de încărcare backend al Oxygen Builder
Publicat: 2022-04-10Acest articol va arunca o privire asupra timpului de încărcare backend al Oxygen Builder. Mulți oameni spun asta ca un dezavantaj major al acestui WordPress PageBuilder, așa că am decis să-l testăm pe mai multe dispozitive diferite. Să vedem ce s-a descoperit.
În primul rând, vom compara diferite browsere de pe același dispozitiv. Apoi, vom compara diferite dispozitive folosind același browser. Acest lucru ar trebui să ne permită să identificăm nu numai ce dispozitive încarcă cel mai rapid Oxygen Builder, ci și ce browsere sunt cele mai bune pentru această sarcină.
Vom exclude testarea diferitelor configurații de găzduire, deoarece aceasta adaugă o mulțime de complexitate acestei comparații. De asemenea: este un fapt binecunoscut că, dacă utilizați găzduire ieftină, veți avea timpi de încărcare lenți atât pe front-end, cât și pe back-end al oricărui site web WordPress. Depinde complet de tine dacă acesta este cazul. (Cu toate acestea, putem revizui acest lucru în viitor).
Subiectul de testare
Subiectul nostru de testare este un site web de generator de oxigen relativ standard, creat de noi, pentru publicul nostru. Să aruncăm o privire la performanța inițială a paginii, dimensiunea și aspectele suplimentare.
Acest site web de testare este găzduit pe un server DO Premium dedicat, cu 2 GB de RAM și setări standard. Este gestionat de Cloudways, care este gazda noastră recomandată pentru viteză, cost și asistență. La momentul testării, nu finalizasem nicio optimizare suplimentară a vitezei pe site. Setările serverului nu au fost atinse de la pornirea instanței.
Citiți: Defalcarea celor cinci opțiuni de server ale Cloudway pentru găzduirea WordPress
Notă secundară: aceasta este o opțiune excelentă de server pentru site-uri de dezvoltare și cu trafic redus, pe care o puteți extinde cu ușurință la lansare. Folosiți codul ISOTROPIC pentru o reducere la Cloudways atunci când vă înscrieți și obțineți o probă gratuită de 3 zile (fără CC).
Pagina testată este pagina de pornire a site-ului. La momentul testării, arăta așa:
Elementele principale ale paginii care s-au încărcat au fost un element de meniu Oxygen Builder, o bară de căutare personalizată și o grilă ușoară de postări cu postări demonstrative (prima secțiune), un element WSForm Oxygen și un carousal OxyExtras cu un repetor în interior. Acest repetor a avut peste nouă postări și zeci de condiții bazate pe câmpurile MetaBox.
Pagina a fost publică, deoarece un subdomeniu deals.isotropic.co a fost trimis prin proxy prin Cloudflare.
Dimensiunea totală a paginii a fost de 5,05 MB. Acest lucru s-a datorat în primul rând utilizării unei imagini optimizate la momentul testării. Vă rugăm să rețineți că acesta este un site web de dezvoltare în stadiu incipient (promit că îl vom face rapid înainte de a fi difuzat). Cred că acest tip de site web este cel mai bun mod de a testa viteza de încărcare și de spate a Oxygen Builder, deoarece simulează un mediu de dezvoltare normal.
Pluginurile utilizate au fost următoarele:
| Nume | Descriere | Dev | stare | Versiunea folosită | Revizuire |
|---|---|---|---|---|---|
| BetterLinks | Plugin final pentru a crea, scurta, urmări și gestiona orice adresă URL. Adunați rapoarte de analiză și rulați cu succes campanii de marketing cu ușurință. | WPDeveloper | Activ | 1.2.7 | |
| BetterLinks Pro | Obțineți acces la Analytics individual, Managementul rolurilor, Integrarea Google Analytics și multe alte funcții uimitoare pentru a urmări și a rula campanii de marketing de succes. | WPDeveloper | Activ | 1.1.0 | |
| Căutare mai bună Înlocuiește | Un mic plugin pentru a rula o căutare/înlocuire în baza de date WordPress. | Creiere delicioase | Activ | 1.3.4 | |
| Dezactivați individual notificările de administrator | Pluginul Dezactivare notificări de administrare vă oferă opțiunea de a ascunde avertismentele de actualizări și notificările inline în panoul de administrare. | Mișcare Creativă | Activ | 1.2.6 | |
| Dezactivează Gutenberg | Dezactivează Gutenberg Block Editor și restabilește Editorul clasic și ecranul original Edit Post. Oferă opțiuni de activare pentru anumite tipuri de postări, roluri de utilizator și multe altele. | Jeff Starr | Activ | 2.5.1 | |
| dPlugins DevKit | Plugin creat pentru instalările și depanarea dPlugins | devusrmk | Activ | 1.1.2 | |
| Expeditor de e-mail elastic | Acest plugin reconfigurează funcția wp_mail() pentru a trimite e-mail folosind API (prin Elastic Email) în loc de SMTP și creează o pagină de opțiuni care vă permite să specificați diferite opțiuni. | Elastic Email Inc. | Activ | 1.2.3 | |
| Favorite | Butoane favorite simple și flexibile pentru orice tip de postare. | Kyle Phillips | Activ | 2.3.2 | |
| Pachet cu hidrogen | Un pachet de îmbunătățiri pentru Oxygen Builder care economisesc timp | Curățați pluginuri | Activ | 1.3.5 | Recenzia noastră |
| MalCare Security - Scanner gratuit de programe malware, protecție și securitate pentru WordPress | MalCare Security - Scanner gratuit de programe malware, protecție și securitate pentru WordPress | MalCare Security | Activ | 4,63 | |
| Meta Box | Creați metabox personalizate și câmpuri personalizate în WordPress. | MetaBox.io | Activ | 5.4.8 | Recenzia noastră |
| Meta Box AIO | Toate extensiile Meta Box într-un singur pachet. | MetaBox.io | Activ | 1.15.1 | |
| Nextend Social Login | Nextend Social Login afișează butoanele de conectare sociale pentru Facebook, Google și Twitter. | Nextendweb | Activ | 3.1.2 | |
| OxyExtras | Biblioteca de componente pentru oxigen. | OxyExtras | Activ | 1.3.8 | |
| Oxigen 3.9 Beta 2 | BETA. FOLOSIȚI PE PROPRIA RĂSPUNDERE. | Soflyy | Activ | 3.9 Beta 2 | |
| Elemente de oxigen pentru WooCommerce | Creați site-uri web WooCommerce frumoase. | Soflyy | Activ | 1.4 | |
| OxyMade | Tailwind CSS Based, Utility class powered CSS Framework & Tools for Oxygen Builder. | Anvesh | Activ | 1.5.2 | Recenzia noastră |
| SSL cu adevărat simplu | Plugin ușor, fără nicio configurare, pentru a face site-ul dvs. dovadă SSL | Pluginuri foarte simple | Activ | 5.1.2 | |
| Redirecționare | Gestionați toate redirecționările dvs. 301 și monitorizați erorile 404 | John Godley | Activ | 5.1.3 | |
| Redimensionați imaginea după încărcare | Redimensionați automat imaginile încărcate la lățimea și înălțimea maximă specificate. Are, de asemenea, opțiunea de a forța recomprimarea JPEG-urilor. Opțiuni de configurare găsite în Setări > Redimensionare încărcare imagine | ShortPixel | Activ | 1.8.6 | |
| Organizator de scripturi | Editor de cod avansat pentru Wordpress | dPluginuri | Activ | 3.0.0 Beta 2 | Recenzia noastră |
| CăutareWP | Cea mai bună căutare WordPress pe care o poți găsi | CăutareWP | Activ | 4.1.22 | |
| CăutareWP Live Ajax Search | Îmbunătățiți-vă formularele de căutare cu căutare în timp real, cu ajutorul SearchWP (dacă este instalat) | SearchWP, LLC | Activ | 1.6.1 | Recenzia noastră |
| Căutare WP Metrics | Valori de căutare avansată din SearchWP | CăutareWP | Activ | 1.4.0 | |
| Caută coduri scurte WP | Oferă coduri scurte care generează atât formulare de căutare, cât și pagini cu rezultate pentru motoarele de căutare SearchWP | CăutareWP | Activ | 1.8.2 | |
| Shareaholic - creșteți și implicați-vă publicul | Pluginul WordPress oficial al Shareaholic vă permite să adăugați pe site-ul dvs. butoane de distribuire socială premiate, postări similare, analiză de conținut, generare de bani cu anunțuri și multe altele. | Shareaholic | Activ | 9.7.1 | |
| Cuțit elvețian | Primul plugin pe care ar trebui să-l instalați când valoarea implicită a Oxygen nu este suficientă. | dPluginuri | Activ | 1.3.7 | Recenzia noastră |
| WP File Manager | Gestionați fișierele WP. | mndpsingh287 | Activ | 7.1.2 | |
| WP Grid Builder | Creați machete de grilă avansate cu căutare în fațete în timp real pentru comerțul dvs. electronic, blog, portofoliu și multe altele... | Loic Blascos | Activ | 1.5.9 | Recenzia noastră |
| WP Grid Builder - Meta Box | Integrați WP Grid Builder cu pluginul Meta Box. | Loic Blascos | Activ | 1.0.0 | |
| WP Grid Builder - Oxigen | Integrați WP Grid Builder cu pluginul Oxygen. | Loic Blascos | Activ | 1.0.2 | |
| WS Form PRO | Creați formulare WordPress mai bune | Formularul WS | Activ | 1.8.125 | Recenzia noastră |
| WS Form PRO - Managementul utilizatorilor | Supliment de gestionare a utilizatorilor pentru WS Form PRO | Formularul WS | Activ | 1.4.1 |
*Examinăm pluginurile pe care le folosim de fapt, așa cum se arată aici :).
Este important să rețineți că folosim Oxygen Builder 3.9 Beta 2. Aveam și elementele WooCommerce instalate, dar WooCommerce în sine nu era în acest moment.
Conform rapoartelor dezvoltatorilor, această versiune de Oxygen a fost aproape de două ori mai rapidă de încărcat pe backend decât anterioară.
În plus, vreau să remarc că OxyExtras, WPGridbuilder, OxyMade și WSForm au adăugat elemente la backend-ul constructorului. Swiss Knife, un instrument skin/flux de lucru și Hydrogen Pack se încarcă și ele în backend.
În esență, acest subiect de testare este o pagină pe care mulți dintre cei care folosesc Oxygen Builder au experiență de încărcare. Există mai multe suplimente, extensii și scripturi care se vor încărca pe backend atât de la generator, cât și de la plug-in-uri terță parte.
În sfârșit, iată o scurtă privire asupra WiFi-ului meu:
Cum se execută acest test
Acest test este administrat prin încărcarea directă a Oxygen Builder făcând clic pe „editează cu Oxygen” din backend-ul paginii.
Este apăsat butonul și cronometrul începe acolo. Odată ce pictograma roată se oprește și browserul este inițializat complet, testul se oprește.
Vă rugăm să rețineți că acest lucru nu este complet precis, deoarece cronometrul manual folosind un cronometru iPhone, dar ar trebui să ofere o bună aproximare a dispozitivelor și browserelor care încarcă acest plugin cel mai repede. De asemenea, merită remarcat - pagina a fost încărcată anterior pe fontend, dar niciodată pe generatorul de backend ca admin . Ajung la constructor încărcând deals.isotropic.co, mergând în bara de sus, făcând clic pe Editați pagina, apoi făcând clic pe butonul Editare cu oxigen.
Scopul acestui test nu este o alergare cu viteză. Este de a obține date cu adevărat din lumea reală pe spatele și timpii de încărcare ai acestui plug-in pentru a vedea dacă sunt justificate preocupările legate de viteză și eficiență. În loc să vă uitați la cifrele reale ale timpului, luați în considerare diferențele dintre aceste numere atunci când vine vorba de dispozitiv și browser.
În cele din urmă, am inclus link-uri Amazon (afiliat) în cazul în care acest lucru inspiră pe cineva să cumpere impuls.
Timpi de încărcare Oxygen Builder prin browser
Mai întâi, să încercăm să-l încărcăm pe toate browserele instalate pe Mac Mini M1. Statisticile vor fi reformulate la testarea pe dispozitiv, dar acesta este un Mac Mini M1 2020 cu 8 GB de memorie RAM, care rulează Big Sur V11.3.1. Acesta este „desktopul meu zilnic”.
Începem cu un test de browser pentru a determina care dintre ele este cel mai rapid pentru încărcarea Oxygen. Vom folosi acest browser atunci când testăm diferite dispozitive.
Testăm Safari V14.1, Chrome V95.0.4638.69 și Firefox V94.
- Firefox vine la 05.59 secunde.
- Chrome vine la 17,52 secunde.
- Safari apare la 6,20 secunde.
Chrome a fost elementul aberant evident aici. L-am rulat din nou pentru a vedea dacă a existat un sughiț în încărcare - a durat doar aproximativ 16,5 secunde pentru a încărca a doua oară, așa că cred că media este un număr relativ precis.
Ideea de aici este că Firefox este cel mai rapid browser. Acesta este un subiect discutat în grupul oficial Facebook de ceva vreme, așa că sperăm că aceste date empirice dovedesc că ar trebui să utilizați acest browser. Personal, Firefox este browserul meu preferat pentru a dezvolta site-uri web, deoarece are o mulțime de instrumente de dezvoltare front end de înaltă calitate. Cu toate acestea, în comparație cu Chrome, acesta lipsește auditurile de securitate și performanță.
Vom folosi acel browser pentru testarea dispozitivului.
Timpi de încărcare Oxygen Builder prin browser
Pentru acest test, vom folosi toate dispozitivele din aceeași rețea Wi-Fi, folosind aceeași versiune de Firefox, încărcând aceeași pagină ca înainte. Factorul de diferențiere va fi dispozitivul și statisticile de testare din spatele acestuia. Iată lista.
2020 Mac Mini (deja testat)
- Chip Apple M1
- 16 GB RAM
Încarcă oxigen în 05,59 secunde.
2019 XPS 13 9370
- Intel i7-8550U
- 16 GB RAM
Încarcă oxigen în 11,54 secunde.
iPad Air 2020 10,9 inchi MYFT2LL/A
- Cip Apple A14
- 4 GB RAM
Încarcă oxigen în 11,96 secunde.
Citiți: Puteți dezvolta site-uri web pe un iPad Pro?
Dell Latitude 7400 2019
- Intel i7 8655U
- 16 GB RAM
Încarcă oxigen în 16,19 secunde.
Macbook Pro 2020 de 13 inchi
- Intel Core i5
- 16 GB RAM
- Intel Iris Plus Graphics 645 1536 MB
Încarcă oxigen în 9,66 secunde.
Macbook Pro 2021 de 16 inchi
- Chip Apple M1 Max
- 64 GB RAM
Încarcă oxigen în 5,43 secunde.
Toate dispozitivele sunt conectate la un încărcător de baterie în timpul testării. Browserul Firefox este singura aplicație/program deschis. Poate vă întrebați de ce am acces la toate aceste dispozitive. Nu dețin personal fiecare dintre aceste electronice, în schimb am acces să le închiriez de la o universitate locală.
The Big Takeaways
În primul rând, așa cum am menționat de mai multe ori, acesta este un test imperfect. Nu a fost realizat într-un mediu de laborator. Paginile cu date mai puțin dinamice se vor încărca mai repede în generatorul de backend, iar paginile cu date mai dinamice se vor încărca mai lent. Același lucru pentru imagini, elemente DOM și scripturi.
Vă sugerez să folosiți aceste numere în mod arbitrar. În loc să spuneți că Oxygenul se va încărca în X.XX secunde pentru dvs., utilizați numerele pentru a compara browserul și dispozitivele.
Aprecierea 1: Browserul contează
După cum afirmă în mod constant Facebook, Firefox este cel mai rapid browser pentru a încărca Oxygen Builder. Eu personal folosesc ediția pentru dezvoltatori Firebox.
Takeaway 2: Dispozitivul contează
Cele mai rapide două dispozitive sunt cele mai noi dispozitive Apple care folosesc Apple Silicone. Are sens; aceste procesoare sunt mult mai rapide decât aproape orice altceva de pe piață; și nu sunt atât de scumpe. Baza M1 Mac Mini vine la sub 600 USD recondiționat, iar M1 Macbook Air costă 899 USD.
Takeaway 2B: Se pare că procesorul contează mai mult decât RAM
De asemenea, se pare că, cu cât procesorul este mai puternic, cu atât timpul de încărcare al Backend Builder este mai bun. De exemplu, un laptop cu 64 GB RAM se încarcă similar cu unul cu 16 GB RAM. Pe măsură ce puterea procesorului scade, la fel scade și timpul de încărcare al constructorului.
M-aș aștepta ca încercarea de a încărca generatorul pe un Chromebook sau pe un alt dispozitiv cu statistici scăzute poate fi dificilă.
Gânduri finale
Timpul mediu de încărcare Oxygen Backend pentru acest test a fost de aproximativ 10 secunde pentru o pagină mare, neoptimizată, cu o mulțime de date dinamice. În plus, au existat mai multe suplimente care au încărcat elemente proprii pe pagină, împreună cu o colecție consistentă de CSS personalizate, globale. Acest lucru este foarte acceptabil în cartea mea. Devine și mai acceptabil atunci când se modifică clasele CSS și opțiunile globale pot fi sincronizate fără a fi nevoie să reîncărcați generatorul cu pluginul de colaborare.
Ca webdev care folosește Oxygen pentru majoritatea proiectelor, viteza constructorului nu m-a afectat niciodată, dar am vrut să arunc serios o privire la care a fost cea mai bună configurație pentru el.
Dacă aveți numere de comparație proprii, nu ezitați să le postați în secțiunea de comentarii de mai jos.