Comparație de viteză: Explorarea constructorului vizual Blazing-Fast Divi 5

În calitate de designeri și dezvoltatori web, știm că performanța este totul. Așteptarea ca un generator de pagini lent să încarce sau să redea modificările poate întrerupe fluxul creativ și poate distruge productivitatea. De aceea, unul dintre obiectivele principale ale Divi 5 este acela de a revoluționa viteza și performanța Visual Builder. Ne-am scufundat adânc în structura de bază a lui Divi și am reconstruit-o de la zero pentru a crea un constructor extraordinar de rapid și mai receptiv.

În această postare, voi trece prin îmbunătățirile de performanță din Visual Builder care fac Divi 5 mai rapid decât orice versiune anterioară. Totul despre Divi 5 Visual Builder a fost optimizat pentru viteză.

Acum, haideți să explorăm modul în care acest lucru va afecta fluxul dvs. de lucru de proiectare web și de ce nu veți mai dori să vă întoarceți niciodată la generatorii de pagini mai lenți.

Rescrierea totul: ce face Divi 5 diferit?

Divi 5 este mult mai mult decât o actualizare incrementală. Este o rescrie completă a tehnologiilor de bază ale Divi, reimaginată cu accent pe performanță, stabilitate și scalabilitate. Această schimbare fundamentală ne-a făcut să regândim modul în care Visual Builder funcționează la baza sa, făcându-l semnificativ mai rapid și mai puternic.

În timp ce Divi 4 era deja un instrument puternic pe milioane de site-uri web, arhitectura sa avea peste un deceniu. L-am îmbunătățit și i-am depășit limitele, dar în sfârșit a venit timpul să construim o nouă fundație.

Datoria tehnică a dus la timpi de încărcare mai lenți, întârzieri de redare și instabilitate ocazională, mai ales atunci când lucrați cu machete complexe. Pentru a rezolva acest lucru, echipa Divi 5 a reconstruit întregul cadru cu o piesă curată, optimizând-o pentru performanță și scalabilitate viitoare. Rezultatele vorbesc de la sine: totul în Divi 5 se întâmplă mai rapid, de la încărcarea constructorului până la efectuarea de editări și previzualizarea modificărilor.

Descărcați Divi 5 Alpha Încercați Divi 5 Demo Raportați eroarea Divi 5

1. Viteze îmbunătățite de redare a constructorului vizual

Când lucrați cu o unealtă toată ziua, viteza contează. Chiar și cele mai mici compuși de întârziere în timp. În versiunile anterioare ale Divi, designerii trebuiau uneori să aștepte o fracțiune de secundă pentru ca Visual Builder să răspundă la adăugarea de elemente noi sau la ajustarea stilurilor. Acest lucru a fost vizibil mai ales atunci când lucrați pe documente lungi (cu zeci de secțiuni pline cu module și stil personalizat).

Observați pâlpâirea stilului pe D4 (stânga), unde butonul durează milisecunde pentru a aplica complet stilurile din secțiunea duplicată. Acest lucru este pe lângă faptul că este mai lent decât D5 (dreapta) pentru a duplica secțiunea.

Cu Divi 5, vitezele de redare au fost îmbunătățite dramatic, permițându-vă să lucrați fără întârziere. Visual Builder răspunde instantaneu atunci când adăugați un modul nou, schimbați moduri de vizualizare sau ajustați stilurile. Acest nivel de reacție face o diferență uriașă, mai ales atunci când lucrați la designuri complexe care necesită multă reglare fină.

Dar ce s-a schimbat exact pentru ca constructorul să fie mult mai rapid?

Tehnologia din spatele redării mai rapide

Singura modalitate de a atinge acest nivel de îmbunătățire a fost să pornești de la zero. Am luat tot ce am învățat în ultimul deceniu de dezvoltare Divi și am creat o nouă aplicație folosind tehnologia modernă, eliminând ani de datorii tehnice. Am petrecut timp auditând diferite interacțiuni și identificând blocajele. Încă facem asta, iar Divi 5 devine mai rapid cu fiecare actualizare.

Îndepărtarea de coduri scurte a ajutat, de asemenea, la eficientizarea traversării proiectelor complexe. În postarea de mâine, vom discuta de ce a trebuit să meargă cadrul de coduri scurte și cum merge Divi 5.

Puteți observa diferența în următorul videoclip de comparație? Evidențiază o altă îmbunătățire majoră în Divi 5: performanță îmbunătățită la editarea presetărilor! În Divi 5, presetările sunt bazate pe clasă. Cu toate elementele prestabilite care partajează aceeași clasă, sunt necesare mai puține redări în generator și este nevoie de mai puține CSS pe front-end.

2. Timpi de încărcare mai rapid (citiți: Nu mai sunt reîncărcări duble)

Un punct de durere semnificativ în versiunile mai vechi de Divi a fost reîncărcarea dublă la lansarea Visual Builder, care a apărut atunci când modulele și pluginurile terță parte au injectat din greșeală date dinamice în memoria cache a Visual Builder. Această greșeală a fost atât de răspândită încât dubla reîncărcare a devenit un punct de durere comun.

Divi 5 „rezolvă” această problemă, fiind atât de rapid din cutie încât nu are nevoie de stocare în cache! Deoarece nu memorăm nimic în cache, nu există nicio șansă ca memoria cache să devină invalidată și nu veți mai experimenta niciodată dubla reîncărcare.

Timpii de încărcare au fost îmbunătățiți la nivel general. Vezi cât de repede se încarcă Divi 5 în comparație cu Divi 4. S-a încărcat atât de repede în testul meu încât nici măcar nu ai șansa să vezi noua noastră animație de preîncărcare.

Această îmbunătățire este vizibilă în special pentru designerii care lucrează la proiecte mai mari. Anterior, deschiderea unui proiect mare în Visual Builder putea dura câteva secunde pentru a încărca complet.

3. Am eliminat toate animațiile interfeței

Una dintre cele mai notabile modificări ale noii interfețe a lui Divi 5 (dincolo de reproiectarea sa modernă) este eliminarea tuturor animațiilor.

În versiunile anterioare, animațiile furnizau feedback vizual atunci când interacționa cu constructorul (de exemplu, adăugarea de noi module sau schimbarea modurilor de vizualizare). În timp ce aceste animații au adăugat un anumit nivel de distracție, au introdus și ușoare întârzieri în procesul de proiectare, în special pe sistemele mai lente.

Filosofia de design a lui Divi 5 este diferită. Interfața este acolo pentru a vă servi, nimic mai mult. Este minim. Nu-ți stă în cale. Nu concurează cu designul tău. Nu-i pasă să arate cool. UI/UX-ul său are rădăcini în viteză și eficiență.

Observați toate acele animații subtile (fade-in-outs, slide-in-outs și similare) pe care Divi 4 le folosește? Acestea fac ca interfața de utilizare să se simtă mai lentă și mai puțin receptivă. În Divi 5, am adoptat o abordare cu viteză peste stil. Am eliminat aceste animații pentru a accelera generatorul și pentru a-l face mai receptiv. Accentul este acum în întregime pe funcționalitate, asigurându-vă că fiecare acțiune pe care o întreprindeți în constructor are loc cât mai repede posibil.

Unde merge Divi 5 de aici?

Public Alpha este lansat oficial. În primul rând, ne-ar plăcea să vă mulțumim pentru răbdarea dumneavoastră, deoarece am lucrat cu sârguință în ultimele luni pentru a scoate Public Alpha al Divi 5. Nu a fost o sarcină mică – iar munca noastră abia începe.

După cum a discutat Nick joi, vom petrece aproximativ o lună reparând erorile cunoscute din restanța noastră și multe erori pe care tu, comunitatea, le găsiți chiar acum. Public Alpha al lui Divi 5 este în mare măsură un Alpha, dar lucrăm neobosit pentru a-l aduce într-o stare pregătită pentru producție. Puteți ajuta dând Divi 5 o învârtire pe site-urile dvs. locale și de ședere, găsind toate erorile pe care le puteți și raportându-le echipei noastre de asistență. Vom analiza fiecare depistare a erorilor și vom lucra la cele mai urgente pe măsură ce apar.

Descărcați The Divi 5 Alpha Report Divi 5 Bug

Dacă nu aveți un site de montaj sau local cu care să testați, vă puteți uda totuși picioarele cu versiunea Demo a Divi 5. Aceasta este o modalitate excelentă de a vă obișnui cu reproiectarea și aspectul noului constructor. Este o schimbare, dar una de care era foarte nevoie.

Încercați Demo Divi 5

Viitorul Divi este rapid

Divi 5 reprezintă un salt înainte semnificativ în ceea ce privește viteza și performanța. Divi este acum mai puternic și mai receptiv, cu o redare extraordinară de rapidă, timpi de încărcare mai rapidi și un constructor reproiectat care acordă prioritate utilității în detrimentul stilului. Indiferent dacă sunteți un designer web individual sau faceți parte dintr-o echipă de dezvoltare mai mare, aceste îmbunătățiri vă vor face fluxul de lucru mai rapid, mai fluid și mai eficient.

Dacă ați folosit Divi 4, veți fi uimit de cât de repede se simte Divi 5. Cea mai bună parte? Acesta este doar începutul. Pe măsură ce optimizăm și extindem cadrul Divi 5, constructorul va deveni doar mai rapid și mai puternic. Viitorul designului web cu Divi este fulgerător – și abia începem.

În zilele următoare, vom vorbi despre ce înseamnă că Divi 5 se îndepărtează de codurile scurte, se scufundă în profunzime în sistemul de migrare a site-ului și are un avantaj legat de dezvoltatori. Nu uitați să urmăriți și să vă abonați pentru a primi aceste actualizări și multe altele.