WordPress 6.3 “Lionel”: oltre 170 aggiornamenti delle prestazioni, nuove funzionalità dell'editor del sito e altro ancora

WordPress 6.3 “Lionel” è ora disponibile!

Prende il nome dal celebre artista jazz americano Lionel Hampton, 6.3 è la seconda major release dell'anno, ed è sicuro dirlo: è ancora più spettacolare di 6.2.

Sappiamo che è difficile crederci dopo gli oltre 900 miglioramenti e correzioni implementati in "Dolphy", ma è vero.

6.3 viene fornito con funzioni e navigazioni aggiornate, strumenti di progettazione migliorati per un maggiore controllo e, ultimo ma non meno importante, oltre 170 aggiornamenti delle prestazioni.

Controlliamo i punti salienti più importanti.

Enormi miglioramenti delle prestazioni

WordPress 6.2 è stata la prima versione in cui il team delle prestazioni ha condiviso alcuni miglioramenti impressionanti in diverse metriche di velocità della pagina.

Ebbene, il Core performance team ha costruito su questi risultati, rilasciando oltre 170 aggiornamenti delle prestazioni con WordPress 6.3.

In effetti, i numeri del loro flusso di lavoro automatizzato indicavano approssimativamente i seguenti miglioramenti delle prestazioni in "Lionel" rispetto a "Dolphy":

• LCP è più veloce del 10,6% per i temi a blocchi e dell'8,8% per i temi classici.
• TTFB è più veloce del 4,7% per i temi a blocchi e del 5,6% per i temi classici.
• LCP-TTFB è più veloce del 13,4% per i temi a blocchi e del 9,3% per i temi classici.

Ma come ci sono riusciti?

Bene, si sono concentrati sul miglioramento delle prestazioni lato client e lato server.

Il team Core performance ha utilizzato Time to First Byte (TTFB) per misurare i miglioramenti lato server.

Per misurare le prestazioni lato client, hanno utilizzato la differenza tra Largest Contentful Paint (LCP) e TTFB.

Detto ciò…

Mentre la maggior parte dell'aumento delle prestazioni in WordPress 6.2 proveniva da miglioramenti delle prestazioni lato server (TTFB), in 6.3 l'aumento deriva dai miglioramenti delle prestazioni lato client (LCP-TTFB).

Infatti, le prestazioni lato client in WordPress 6.3 sono più veloci del 40% per i temi a blocchi e del 31% più veloci per i temi classici , rispetto a WordPress 6.2.

Il segreto del loro successo sta nell'introduzione di diversi aggiornamenti:

1. L'impatto maggiore è venuto dall'utilizzo delle moderne API JavaScript come Web Worker, OffscreenCanvas e sessionStorage per ottimizzare lo script emoji-loader.js .
   
2. WordPress 6.3 viene fornito con un supporto aggiuntivo per l'attributo fetchpriority="high" sulle immagini. Si prevede che questo miglioramento avrà il maggiore impatto sui siti con immagini above the fold, ma dato che le immagini sono di gran lunga il supporto più comunemente utilizzato nelle pagine web, probabilmente noterai anche un miglioramento delle prestazioni grazie a questo miglioramento.
   
3. Ultimo ma non meno importante, "Lionel" ha introdotto strategie di caricamento degli script, che aggiunge il supporto per il caricamento degli script con defer o async . Tuttavia, potresti non vedere alcun miglioramento poiché il core di WordPress e l'ecosistema non hanno ancora adottato l'API.

Sebbene i miglioramenti delle prestazioni lato server non abbiano rappresentato gran parte dell'aumento, il team Performance è riuscito ad accelerare i tempi di risposta del server per i temi a blocchi del 19% .

Se sei interessato ad approfondire tutti gli aggiornamenti delle prestazioni, controlla la documentazione ufficiale.

Dal fallimento al superamento di Core Web Vitals con un clic di un pulsante. Installa NitroPack oggi →

Editor del sito migliorato

Con WordPress 6.3, il Site Editor si è arricchito di alcuni nuovi punti di accesso a diverse aree dell'editor, diventando un hub centralizzato per completare le tue attività.

Ecco un confronto tra 6.2 e 6.3:

Come puoi vedere, la nuova Navigazione include:

• Navigazione
• Stili
• Pagine
• Modelli
• Modelli

Navigazione

La navigazione consente di spostare le voci di menu verso l'alto o verso il basso o di eliminarle da un menu a discesa. Puoi anche trascinare e rilasciare gli elementi per organizzare l'ordine del menu.

Stili

Dal menu "Stili", puoi visualizzare diverse opzioni di stile in modalità navigazione. Ciò ti consente di visualizzare in anteprima e selezionare tra gli stili disponibili, quindi adattarli alle tue preferenze.

Inoltre, facendo clic sull'icona dell'occhio si apre il Libro degli stili. Questa funzionalità, introdotta nella versione 6.2, consente di visualizzare le anteprime dei blocchi disponibili con vari stili applicati, il tutto senza uscire dall'interfaccia dell'editor.

Pagine

Il menu "Pagine" fornisce l'accesso alle dieci pagine del sito aggiornate più di recente, oltre a molteplici funzionalità di modifica. Puoi generare nuove pagine, modificare il contenuto e la struttura di quelle attuali, visualizzare le specifiche della pagina e altro ancora.

Cosa c'è di nuovo, ora puoi creare nuove pagine senza lasciare l'interfaccia dell'editor.

Modelli

Mentre la schermata dei modelli rimane sostanzialmente invariata, WordPress 6.3 ha introdotto una nuova funzionalità. Quando crei un nuovo modello, viene visualizzato un nuovo overlay modale, che presenta un elenco di pagine per il tuo modello.

Modelli

La sezione Patterns è quella in cui sono state introdotte la maggior parte delle modifiche:

• I blocchi riutilizzabili sono stati rinominati in Pattern sincronizzati
• I pattern di blocco regolari ora sono denominati Pattern non sincronizzati
• Il tipo di post personalizzato wp_block è stato esteso per supportare i campi personalizzati ed è stato aggiunto un nuovo metacampo wp_block_sync_status per memorizzare lo stato di sincronizzazione di un pattern
• Una proprietà di origine è stata aggiunta allo schema e alla risposta dei modelli di blocco per distinguere i modelli principali e quelli dell'utente
• L'API REST è stata estesa con un nuovo attributo

I modelli non sincronizzati funzionano in modo indipendente e possono essere aggiunti quando lo si desidera. Eventuali modifiche apportate dopo il loro inserimento non influiranno sul modello originale.

D'altra parte, i pattern sincronizzati sono applicabili in tutto il tuo sito WordPress. Eventuali modifiche ad essi risuoneranno con il modello originale. Funzionano in modo simile ai blocchi riutilizzabili e tutti questi blocchi sono ora etichettati come "Schemi sincronizzati".

Ogni volta che desideri creare un nuovo motivo, premi semplicemente l'icona "+" nel menu Motivi.

Puoi anche gestire i tuoi modelli personalizzati facendo clic su "Gestisci tutti i miei modelli" nella barra laterale.

La tavolozza dei comandi

La tavolozza dei comandi è una nuova funzionalità progettata per semplificare le azioni di uso comune, come la navigazione in pagine o modelli diversi nell'editor, tramite comandi specifici.

All'interno di Site Editor, fai clic sul simbolo della lente o premi cmd + k (o ctrl + k per utenti Windows e Linux) per attivare il pannello dei comandi.

Mentre digiti un comando, la palette dei comandi suggerisce una varietà di comandi tra cui scegliere. In questo modo puoi eseguire attività comuni e accedere più rapidamente a sezioni distinte dell'editor del sito.

Nuova funzionalità di revisione dello stile

WordPress rende semplicissimo annullare le modifiche su post e pagine tramite uno strumento noto come Revisioni.

Questa funzionalità è ora estesa anche agli stili dell'editor del sito. Ciò consente di visualizzare e, se necessario, annullare le modifiche apportate agli stili del tema.

Per farne uso, scegli uno stile o un blocco nel pannello Stili che desideri modificare. Fare clic sull'opzione 'Revisioni' e quindi scegliere 'Cronologia revisioni'.

Miglioramenti dello sviluppatore

Come con qualsiasi altra major release, WordPress 6.3 apporta molti cambiamenti e miglioramenti pensati per gli sviluppatori.

Ecco alcuni dei punti salienti:

Supporto abbandonato per PHP 5

A partire da WordPress 6.3, PHP 5 non sarà più supportato. La nuova versione minima supportata sarà PHP 7.0.0. La versione consigliata di PHP è la 7.4 o successiva.Questo è importante non solo per gli sviluppatori ma per tutti gli utenti di WordPress poiché l'utilizzo di una versione precedente può rendere il tuo sito vulnerabile a violazioni della sicurezza.

Modalità di sviluppo

WordPress 6.3 introduce un nuovo concetto chiamato "modalità di sviluppo", che influisce su alcuni aspetti del comportamento di WordPress. D'ora in poi, i siti web possono impostare la loro modalità di sviluppo tramite la costante WP_DEVELOPMENT_MODE appena introdotta. Si consiglia di utilizzare questo per tutti i siti orientati allo sviluppo.

Questi sono alcuni dei possibili valori per WP_DEVELOPMENT_MODE:

• “core” indica che questo sito è utilizzato come ambiente di sviluppo principale di WordPress. Ad esempio, questo può essere rilevante quando contribuisci direttamente al core di WordPress.
• “plugin” indica che questo sito è utilizzato come ambiente di sviluppo di plugin WordPress. Ad esempio, questo può essere rilevante quando si lavora su un plug-in per il repository dei plug-in.
• “tema” indica che questo sito è utilizzato come ambiente di sviluppo di temi WordPress. Ad esempio, questo può essere rilevante quando lavori su un tema per il repository dei temi.
• “all” indica che questo sito è utilizzato come ambiente di sviluppo WordPress dove tutti e tre gli aspetti possono essere modificati. Ad esempio, questo può essere rilevante quando lavori su un sito specifico nel suo complesso, ad esempio per un cliente.
• Una stringa vuota indica che nessuna particolare modalità di sviluppo è abilitata per questo sito. Questo è il valore predefinito e deve essere utilizzato su qualsiasi sito non utilizzato per lo sviluppo.

Altre importanti modifiche agli sviluppatori introdotte con "Lionel" includono:

• Gli sviluppatori di temi possono ora utilizzare la proprietà template_types per assegnare uno o più tipi di modello durante la registrazione di un modello di modello.
• La funzione get_pages() è stata aggiornata e ora utilizza internamente WP_Query.
• La classe WP_User_Query è stata migliorata implementando il caching delle query.
• Diversi miglioramenti sono stati implementati nell'API Cache.
• Una nuova API Block Selectors consente di configurare più selettori CSS per i blocchi da utilizzare negli stili globali.
• I colori applicati alle icone social ora si aggiornano dinamicamente in base a theme.json e stili globali
  

Incartare

Questo non è affatto un elenco esaustivo di tutti i miglioramenti introdotti nell'ultimo aggiornamento di WordPress.

Ci sono tantissime altre nuove funzionalità incluse nell'articolo del blog di annuncio come:

• Anteprima dei temi del blocco
• Personalizza i tuoi sottotitoli dall'interfaccia Stili senza codifica
• Annota con il blocco Note a piè di pagina
• Mostra o nascondi i contenuti con il blocco Dettagli
• Imposta le proporzioni delle immagini
• Costruisci il tuo sito senza distrazioni
• Riscopri la barra degli strumenti superiore
• Crea modelli con Patterns

Tutto ciò è un motivo perfetto per scaricare WordPress 6.3.

Non dimenticare di eseguire prima il backup del tuo sito Web e, come sempre, se desideri superare i tuoi Core Web Vitals e aumentare le prestazioni del tuo sito, installa NitroPack.

Velocizza automaticamente il tuo sito WordPress. Ottieni NitroPack oggi stesso →

Fonte immagine: Kinsta