WordPress Performance: caching, lazy loading e ottimizzazione

Un sito WordPress lento raramente ha una sola causa: è quasi sempre una somma di piccoli costi, ognuno accettabile da solo, che insieme rallentano ogni pagina. Le contromisure principali, però, sono poche e ben documentate: caching, lazy loading, e riduzione del lavoro che il server deve fare a ogni richiesta.

1. Object cache e page cache: due livelli diversi

Un object cache persistente riduce i viaggi verso il database: senza di esso, ogni pagina richiede al server di rileggere dal database le stesse opzioni a ogni visualizzazione. I plugin di cache delle pagine vanno oltre: salvano l'intera pagina generata come file statico, evitando del tutto di rieseguire PHP per i visitatori successivi.

Fonte: WordPress Developer Resources, «Optimization»: un object cache persistente riduce i viaggi verso il database, che altrimenti deve essere riletto a ogni visualizzazione di pagina; i plugin di cache salvano post e pagine come file statici.

2. Lazy loading: nativo da WordPress 5.5

Dalla versione 5.5, WordPress applica da solo l'attributo HTML loading="lazy" a tutte le immagini che hanno già width e height dichiarati, senza bisogno di alcun plugin. Il vantaggio è automatico: le immagini fuori dallo schermo iniziale non vengono scaricate finché il visitatore non scorre fino a raggiungerle.

<!-- generato automaticamente da WordPress dalla versione 5.5 -->
<img src="foto.jpg" width="800" height="600" loading="lazy" alt="Descrizione">

Fonte: Make WordPress Core, annuncio di WordPress 5.5: le immagini vengono caricate in modo lazy per impostazione predefinita, usando l'attributo HTML nativo loading, applicato automaticamente ai tag img che hanno width e height presenti.

3. Ridurre il numero di richieste: minificare e combinare

Con connessioni HTTP/1.x, il browser apre solo un numero limitato di connessioni simultanee verso lo stesso host: se una pagina richiede molti file separati, vengono scaricati pochi alla volta. Combinare più fogli di stile o script in un solo file, e minificarli togliendo spazi e commenti superflui, riduce sia il numero di richieste sia il peso di ciascuna.

Fonte: WordPress Developer Resources, «Optimization»: con HTTP/1.x conviene combinare più file in uno solo ottimizzato e minificare CSS e JavaScript, perché la maggior parte dei browser effettua solo un numero limitato di richieste simultanee verso lo stesso host.

In sintesi

Caching, lazy loading e riduzione delle richieste attaccano tre colli di bottiglia diversi: il lavoro ripetuto sul server, il peso delle immagini non ancora visibili, e il numero di file scaricati a ogni visita. Nessuno dei tre richiede di riscrivere il sito: sono ottimizzazioni che si sommano, e WordPress ne offre già una, il lazy loading, attiva di default senza che tu debba fare nulla.