WordPress 6.3 „Lionel”: peste 170 de actualizări de performanță, noi funcții de editor de site și multe altele

WordPress 6.3 „Lionel” este acum disponibil!

Numit după celebrul artist american de jazz Lionel Hampton, 6.3 este a doua lansare majoră a anului și este sigur de spus – este chiar mai spectaculos decât 6.2.

Știm că este greu de crezut după cele peste 900 de îmbunătățiri și remedieri implementate în „Dolphy”, dar este adevărat.

6.3 vine cu funcții și navigații actualizate, instrumente de design îmbunătățite pentru mai mult control și, nu în ultimul rând, peste 170 de actualizări de performanță.

Să verificăm cele mai importante momente.

Îmbunătățiri masive de performanță

WordPress 6.2 a fost prima versiune în care echipa de performanță a împărtășit câteva îmbunătățiri impresionante în mai multe valori ale vitezei paginii.

Ei bine, echipa de performanță Core s-a bazat pe aceste realizări, lansând peste 170 de actualizări de performanță cu WordPress 6.3.

De fapt, numerele fluxului lor automatizat de lucru au indicat aproximativ următoarele îmbunătățiri ale performanței în „Lionel” în comparație cu „Dolphy”:

• LCP este cu 10,6% mai rapid pentru temele bloc și cu 8,8% pentru temele clasice.
• TTFB este cu 4,7% mai rapid pentru temele bloc și cu 5,6% pentru temele clasice.
• LCP-TTFB este cu 13,4% mai rapid pentru temele bloc și cu 9,3% pentru temele clasice.

Dar cum au reușit?

Ei bine, s-au concentrat pe îmbunătățirea performanței atât pe partea client, cât și pe partea serverului.

Echipa de performanță Core a folosit Time to First Byte (TTFB) pentru a măsura îmbunătățirile de pe partea serverului.

Pentru a măsura performanța la nivelul clientului, au folosit diferența dintre Largest Contentful Paint (LCP) și TTFB.

Asta spus…

În timp ce cea mai mare parte a creșterii performanței din WordPress 6.2 a venit din îmbunătățirile aduse performanței pe server (TTFB), în 6.3 creșterea provine din îmbunătățirile performanței la nivelul clientului (LCP-TTFB).

De fapt, performanța la nivelul clientului în WordPress 6.3 este cu 40% mai rapidă pentru temele bloc și cu 31% mai rapidă pentru temele clasice , comparativ cu WordPress 6.2.

Secretul din spatele succesului lor constă în introducerea mai multor actualizări:

1. Cel mai mare impact a venit din utilizarea API-urilor JavaScript moderne, cum ar fi Web Workers, OffscreenCanvas și sessionStorage pentru a optimiza scriptul emoji-loader.js .
   
2. WordPress 6.3 vine cu suport suplimentar pentru atributul fetchpriority="high" pe imagini. Se așteaptă că această îmbunătățire va avea cel mai mare impact asupra site-urilor cu imagini deasupra pliului, dar având în vedere că imaginile sunt de departe cel mai frecvent suport media utilizat pe paginile web, veți observa probabil o îmbunătățire a performanței și de la această îmbunătățire.
   
3. Nu în ultimul rând, „Lionel” a introdus strategii de încărcare a scripturilor, care adaugă suport pentru încărcarea scripturilor cu defer sau async . Cu toate acestea, este posibil să nu vedeți nicio îmbunătățire deoarece nucleul WordPress și ecosistemul nu a adoptat încă API-ul.

În timp ce îmbunătățirile de performanță la nivelul serverului nu au explicat atât de mult creșterea, echipa de performanță a reușit să accelereze timpul de răspuns al serverului pentru temele blocate cu 19% .

Dacă sunteți interesat să aprofundați toate actualizările de performanță, verificați documentația oficială.

De la a eșuat până la a trecut Core Web Vitals cu un clic pe un buton. Instalați NitroPack astăzi →

Editor de site îmbunătățit

Cu WordPress 6.3, Editorul site-ului a fost îmbogățit cu câteva puncte de intrare noi în diferite zone ale editorului, devenind un hub centralizat pentru finalizarea sarcinilor dumneavoastră.

Iată o comparație între 6.2 și 6.3:

După cum puteți vedea, noua navigare include:

• Navigare
• Stiluri
• Pagini
• Șabloane
• Modele

Navigare

Navigarea vă permite să mutați elementele de meniu în sus sau în jos sau să le ștergeți dintr-un drop-down. De asemenea, puteți trage și plasa elemente pentru a aranja ordinea meniului.

Stiluri

Din meniul „Stiluri”, puteți vizualiza diferite opțiuni de stil în modul de navigare. Acest lucru vă permite să previzualizați și să selectați dintre stilurile disponibile, apoi să le adaptați preferințelor dvs.

De asemenea, făcând clic pe pictograma ochiului se deschide Cartea de stil. Această caracteristică, introdusă în versiunea 6.2, vă permite să vedeți previzualizări ale blocurilor disponibile cu diferite stiluri aplicate, toate fără a ieși din interfața editorului.

Pagini

Meniul „Pagini” oferă acces la cele mai recente zece pagini de site actualizate, împreună cu mai multe capacități de editare. Puteți genera pagini noi, puteți modifica conținutul și structura celor curente, puteți vizualiza detaliile paginii și multe altele.

Ce este nou, acum puteți crea pagini noi fără a părăsi interfața editorului.

Șabloane

În timp ce ecranul Șabloane rămâne în mare parte neschimbat, WordPress 6.3 a introdus o nouă caracteristică. Când creați un șablon nou, apare o nouă suprapunere modală, prezentând o listă de pagini pentru șablonul dvs.

Modele

Secțiunea Modele este cea în care au fost introduse cele mai multe modificări:

• Blocurile reutilizabile au fost redenumite în modele sincronizate
• Modelele de bloc obișnuite sunt acum denumite Modele nesincronizate
• Tipul de postare personalizat wp_block a fost extins pentru a accepta câmpuri personalizate și a fost adăugat un nou câmp meta wp_block_sync_status pentru a stoca starea de sincronizare a unui model
• O proprietate sursă a fost adăugată la schema și răspunsul modelelor de bloc pentru a distinge modelele de bază și de utilizator
• API-ul REST a fost extins cu un nou atribut

Modelele nesincronizate funcționează independent și pot fi adăugate oricând doriți. Orice modificări făcute după inserarea lor nu vor afecta modelul original.

Pe de altă parte, modelele sincronizate sunt aplicabile pe întregul site WordPress. Orice modificări aduse acestora vor rezona cu modelul original. Ele funcționează în mod similar cu blocurile reutilizabile, iar toate aceste blocuri sunt acum etichetate ca „Modele sincronizate”.

Ori de câte ori doriți să creați un model nou, apăsați pur și simplu pictograma „+” din meniul Modele.

De asemenea, vă puteți gestiona modelele personalizate făcând clic pe „Gestionați toate modelele mele” din bara laterală.

Paleta de comenzi

Paleta de comenzi este o nouă caracteristică concepută pentru a eficientiza acțiunile utilizate în mod obișnuit, cum ar fi navigarea către diferite pagini sau șabloane din editor, prin anumite comenzi.

În Editorul site-ului, fie faceți clic pe simbolul lentilei, fie apăsați cmd + k (sau ctrl + k pentru utilizatorii Windows și Linux) pentru a activa paleta de comandă.

Pe măsură ce introduceți o comandă, Paleta de comenzi vă sugerează o varietate de comenzi din care puteți alege. În acest fel, puteți efectua sarcini comune și puteți accesa mai rapid secțiuni distincte ale Editorului de site.

Noua funcționalitate de revizuire a stilului

WordPress face foarte ușor să anulați editările pe postări și pagini printr-un instrument cunoscut sub numele de Revizii.

Această funcționalitate este acum extinsă și la stilurile de editor de site. Acest lucru vă permite să vizualizați și, dacă este necesar, să inversați modificările aduse stilurilor temei.

Pentru a utiliza acest lucru, alegeți un stil sau un bloc în panoul Stiluri pe care doriți să îl modificați. Faceți clic pe opțiunea „Revizuiri” și apoi alegeți „Istoricul revizuirilor”.

Îmbunătățiri pentru dezvoltatori

Ca și în cazul oricărei alte versiuni majore, WordPress 6.3 aduce multe modificări și îmbunătățiri destinate dezvoltatorilor.

Iată câteva dintre cele mai importante momente:

S-a renunțat la suport pentru PHP 5

Începând cu WordPress 6.3, PHP 5 nu va mai fi acceptat. Noua versiune minimă acceptată va fi PHP 7.0.0. Versiunea recomandată de PHP este 7.4 sau mai mare.Acest lucru este important nu numai pentru dezvoltatori, ci și pentru toți utilizatorii WordPress, deoarece utilizarea unei versiuni mai vechi poate face site-ul dumneavoastră vulnerabil la încălcări de securitate.

Modul de dezvoltare

WordPress 6.3 introduce un nou concept numit „modul de dezvoltare”, care afectează anumite aspecte ale modului în care se comportă WordPress. De acum înainte, site-urile web își pot seta modul de dezvoltare prin constanta WP_DEVELOPMENT_MODE recent introdusă. Este recomandat să utilizați acest lucru pentru toate site-urile orientate spre dezvoltare.

Acestea sunt câteva dintre valorile posibile pentru WP_DEVELOPMENT_MODE sunt:

• „core” indică faptul că acest site este utilizat ca mediu de dezvoltare de bază WordPress. De exemplu, acest lucru poate fi relevant atunci când contribuiți direct la nucleul WordPress.
• „plugin” indică faptul că acest site este utilizat ca mediu de dezvoltare a pluginurilor WordPress. De exemplu, acest lucru poate fi relevant atunci când lucrați la un plugin pentru depozitul de pluginuri.
• „temă” indică faptul că acest site este utilizat ca mediu de dezvoltare a temei WordPress. De exemplu, acest lucru poate fi relevant atunci când lucrați la o temă pentru depozitul de teme.
• „toate” indică faptul că acest site este folosit ca mediu de dezvoltare WordPress în care toate cele trei aspecte pot fi modificate. De exemplu, acest lucru poate fi relevant atunci când lucrați pe un anumit site în ansamblu, de exemplu pentru un client.
• Un șir gol indică faptul că nu este activat niciun mod special de dezvoltare pentru acest site. Aceasta este valoarea implicită și ar trebui utilizată pe orice site care nu este utilizat pentru dezvoltare.

Alte modificări notabile pentru dezvoltatori introduse cu „Lionel” includ:

• Dezvoltatorii de teme pot folosi acum proprietatea template_types pentru a atribui unul sau mai multe tipuri de șablon atunci când înregistrează un model de șablon.
• Funcția get_pages() a fost actualizată și acum folosește WP_Query intern.
• Clasa WP_User_Query a fost îmbunătățită prin implementarea interogărilor în cache.
• Au fost implementate mai multe îmbunătățiri în API-ul Cache.
• Un nou API Block Selectors permite configurarea mai multor selectoare CSS pentru blocuri care să fie folosite în stiluri globale.
• Culorile aplicate de pictograme sociale se actualizează acum dinamic pe baza theme.json și a stilurilor globale
  

Învelire

Aceasta nu este în niciun caz o listă exhaustivă a tuturor îmbunătățirilor introduse în cea mai recentă actualizare WordPress.

Există o mulțime de alte funcții noi incluse în articolul de blog anunț, cum ar fi:

• Previzualizare bloc teme
• Personalizați-vă subtitrările din interfața Stiluri fără codare
• Adnotă cu blocul Note de subsol
• Afișează sau ascunde conținut cu blocul Detalii
• Setați raportul de aspect pentru imagini
• Construiește-ți site-ul fără distragerea atenției
• Redescoperiți Bara de instrumente de sus
• Creați șabloane cu modele

Toate acestea sunt un motiv perfect pentru a descărca WordPress 6.3.

Nu uitați să faceți o copie de rezervă a site-ului dvs. în prealabil și, ca întotdeauna, dacă doriți să treceți de Core Web Vitals și să creșteți performanța site-ului dvs., instalați NitroPack.

Accelerează automat site-ul tău WordPress. Obțineți NitroPack astăzi →

Sursa imagine: Kinsta