Il team WordPress Performance Core ha rilasciato due nuovi plugin che migliorano la velocità di caricamento dei siti web utilizzando nuove tecnologie. Questi plugin generano l’indirizzo URL e accelerano il caricamento delle immagini in modalità “lazy load” prima del caricamento della pagina.
Il team Performance Core è responsabile della coordinazione con vari team di sviluppatori WordPress per migliorare le prestazioni e creare progetti che influiscono direttamente sulle prestazioni fondamentali di WordPress.
Il piano originale per il team Performance include:
– Promuovere gruppi di lavoro
– Coordinare compiti amministrativi iniziali (canale Slack, riunioni settimanali, nomine di rappresentanti dei gruppi di lavoro, etc.)
– Stabilire la missione del team
– Coordinare le aree di intervento
– Definire l’ambito e la roadmap per il raggiungimento dell’obiettivo
Plugin di miglioramento delle prestazioni di WordPress
Alcuni miglioramenti delle prestazioni di WordPress vengono prima testati tramite plugin prima di essere incorporati nelle future versioni di WordPress.
Gli utenti che scaricano questi plugin potrebbero essere i primi a beneficiare e sperimentare i miglioramenti di velocità. Si prevede che questi utenti forniscano feedback sulle loro esperienze, sia positive che negative.
Il primo plugin rilasciato dal team Performance è il plugin Performance Lab, che include cinque moduli che possono essere abilitati o disabilitati a seconda delle esigenze dell’utente.
I moduli attuali nel plugin Performance Lab sono:
– Dominate Color Images: Aggiunge il supporto per memorizzare il colore dominante delle immagini appena aggiunte e creare uno sfondo con quel colore.
– WebP Support Health Check: Aggiunge un controllo per il supporto di WebP nello stato di salute del sito.
– WebP Uploads: Genera versioni WebP per le immagini JPEG appena aggiunte se supportate dal server.
– Enqueued Assets Health Check: Aggiunge un controllo per i file CSS e JS nello stato di salute del sito.
– Autoloaded Options Health Check: Controlla le opzioni caricate nello stato di salute del sito.
I due nuovi plugin di performance
I due nuovi plugin moderni annunciati oggi sono:
– Auto-dimensioni per le immagini lazy load
– Regole di Speculazione
Entrambi i plugin migliorano le prestazioni in due modi diversi, consentendo agli utenti di sfruttarli per ottenere il massimo beneficio.
Nuovo Plugin WordPress – Auto-Dimensioni
Il caricamento lazy è una tecnica di ottimizzazione delle prestazioni che ritarda il caricamento delle immagini meno importanti per migliorare i tempi di caricamento delle pagine. Vengono caricate solo le immagini necessarie per visualizzare la parte visibile della pagina, mentre quelle non necessarie vengono caricate in seguito quando l’utente scorre la pagina e le richiede.
Questo plugin integra un nuovo attributo HTML chiamato sizes=”auto,” che imposta l’attributo sizes su “auto” per le immagini caricate in modalità lazy utilizzando srcset. Questo velocizza il download delle immagini che saranno necessarie quando l’utente scorre la pagina.
L’attributo sizes=”auto” per le immagini fa parte dello specifiche delle immagini responsive in HTML ma non è direttamente correlato al lazy loading. Invece, l’attributo sizes viene utilizzato in combinazione con srcset per fornire al browser le dimensioni dell’immagine necessarie per visualizzarla su diversi viewport. Il browser può quindi scegliere la fonte dell’immagine più adatta da srcset.
Nuovo Plugin WordPress – Regole di Speculazione
Il plugin Regole di Speculazione utilizza l’API Regole di Speculazione per recuperare le risorse delle pagine web che l’utente è probabilmente destinato a visitare. Il plugin Regole di Speculazione prevede che una pagina verrà aperta e inizia a rendere la pagina in anticipo prima che l’utente clicchi sul link.
Secondo la descrizione ufficiale del plugin:
“Di default, viene utilizzata l’API Regole di Speculazione per prerenderizzare gli URL correlati quando ci passi sopra con il mouse.”
L’API Regole di Speculazione è una funzione progettata per migliorare le prestazioni della navigazione consentendo ai siti web di dare al browser suggerimenti sui possibili link che l’utente potrebbe cliccare per passare a un’altra pagina web. Il browser può quindi prerenderizzare o precaricare risorse in base alla probabilità che il visitatore clicchi sul link per passare a una nuova pagina web.
La pagina degli sviluppatori Mozilla per l’API Regole di Speculazione spiega:
“L’API Regole di Speculazione è stata progettata per migliorare le prestazioni per le future navigazioni. Si rivolge agli identificatori dei documenti anziché ai file di risorse specifiche, supportando le applicazioni multi-pagina (MPA) anziché le applicazioni single-page (SPA).
L’API Regole di Speculazione fornisce un’alternativa all’ampiamente conosciuto attributo link rel=”prefetch” e mira a sostituire la funzione prerender obsoleta. Offre molti miglioramenti rispetto a queste tecnologie e fornisce una sintassi più espressiva e configurabile per specificare quali documenti scaricare in anticipo o prerenderizzare.”
Il plugin può essere installato solo nel browser Chrome versione 121. Gli utenti che visitano il sito con altri browser che non supportano l’API Regole di Speculazione non saranno influenzati e la pagina verrà renderizzata normalmente.
Secondo la documentazione del plugin:
“Di default, il plugin è configurato per prerenderizzare gli URL del sito WordPress quando ci passi sopra col mouse. Questo può essere personalizzato nella sezione “Regole di Speculazione” nelle impostazioni di lettura.
È possibile utilizzare un filtro per escludere determinati percorsi URL dalla considerazione per il precaricamento e il prerendering (vedi la sezione FAQ). In alternativa, è possibile aggiungere la classe CSS ‘no-prerender’ a qualsiasi link (elemento) che non deve essere prerenderizzato.”
Per saperne di più sui nuovi plugin di performance di WordPress e scaricarli, visita qui:
WordPress Auto-Dimensioni Plugin per immagini lazy load
WordPress Regole di Speculazione Plugin
Domande frequenti:
1. Che cos’è il team Performance Core di WordPress?
Il team Performance Core di WordPress è responsabile del miglioramento delle prestazioni di WordPress, coordinando con vari team di sviluppatori e creando progetti volti a migliorare le prestazioni fondamentali.
2. Quali sono i principali compiti del team Performance?
I principali compiti del team Performance Core di WordPress includono la creazione di gruppi di lavoro, il coordinamento di compiti amministrativi, la definizione della missione del team e la completa coordinazione delle aree di intervento del team.
3. Quali sono i moduli del plugin Performance Lab?
I moduli attuali del plugin Performance Lab includono l’aggiunta del supporto per le immagini con colore dominante, il controllo del supporto al formato WebP, la generazione di versioni WebP delle immagini JPEG, il controllo dei file CSS e JS e il controllo delle opzioni caricate.
4. Cosa fa il plugin Auto-Dimensioni per le immagini lazy load?
Il plugin Auto-Dimensioni per le immagini lazy load utilizza l’attributo HTML sizes=”auto” per velocizzare il download delle immagini che saranno necessarie quando l’utente scorre la pagina.
5. Come funziona il plugin Regole di Speculazione?
Il plugin Regole di Speculazione utilizza l’API Regole di Speculazione per precaricare le risorse delle pagine web che l’utente è probabilmente destinato a cliccare, migliorando così le prestazioni della navigazione.
6. Dove posso scaricare questi plugin?
Puoi scaricare il plugin WordPress Auto-Dimensioni per immagini lazy load e WordPress Regole di Speculazione plugin.
The source of the article is from the blog rugbynews.at