Se avete mai testato il vostro sito WordPress su Google PageSpeed Insights, avrete probabilmente ricevuto il consiglio di eliminare le risorse di blocco della visualizzazione. Non è raro per un sito WordPress, ma andiamo con ordine.
Che cosa significa “eliminare le risorse di blocco della visualizzazione”?
Per comprenderlo, dobbiamo fare un passo indietro e capire come funziona il rendering di una pagina web da parte del browser.
Quando un visitatore arriva sul vostro sito, il suo browser legge il codice dalla parte superiore verso il basso. Se durante questo processo incontra un file CSS o JavaScript, si ferma temporaneamente per scaricarlo ed elaborarlo. Questo tempo “in pausa” potrebbe essere utilizzato in modo più produttivo per caricare la parte di contenuto immediatamente visibile sulla pagina.
Supponiamo di avere uno script JavaScript nel footer del nostro sito, chiamato “coolfooter.js”. Anche se il visitatore non vedrà l’effetto fino a quando non arriverà al footer, il browser si fermerà comunque per scaricare e analizzare quel file prima di procedere. Il risultato? Un ritardo nell’elaborazione del contenuto visibile, rendendo il sito percepito come più lento.
Google suggerisce di eliminare le risorse di blocco della visualizzazione, il che significa essenzialmente evitare di caricare risorse non necessarie all’inizio del codice del sito. Ciò accelera il processo di visualizzazione della parte immediatamente visibile del sito per i visitatori.
Parlando di risorse che bloccano il rendering, ci riferiamo principalmente a file CSS e JavaScript. È fondamentale notare che nemmeno tutti i file di questo tipo sono in grado di bloccare la visualizzazione. Ad esempio, il CSS critico deve essere caricato vicino all’inizio per evitare problemi di “contenuti non stilizzati”.
Se volete verificare se il vostro sito WordPress presenta risorse che bloccano il rendering, potete utilizzare Google PageSpeed Insights. Inserendo l’URL da testare, otterrete un elenco dettagliato delle risorse che potrebbero rallentare il caricamento della pagina.
Come eliminare le risorse di blocco della visualizzazione su WordPress
Ora, passiamo a come eliminare queste risorse. Nel mondo WordPress, ci sono diverse soluzioni.
Il primo approccio prevede l’uso dei plugin gratuiti Autoptimize e Async JavaScript, entrambi sviluppati dallo stesso creatore (Frank Goossens). Li ho testati personalmente, ammetto di trovarmi abbastanza bene e ho visto dei risultati tangibili.
Dopo l’installazione di entrambi i plugin, potete configurarli per ottimizzare la consegna sia dei file CSS che di JavaScript. Questo permette di ritardare il caricamento di alcune risorse, consentendo al vostro sito di mostrare rapidamente i contenuti visibili.
Un’alternativa è il plugin premium WP Rocket. Abilitando alcune opzioni nel plugin, come l’ottimizzazione della consegna di CSS e il caricamento differito di JavaScript, è possibile eliminare efficacemente le risorse di blocco della visualizzazione.
I siti WordPress hanno più risorse che bloccano la visualizzazione rispetto a un sito “normale”?
I siti WordPress, come qualsiasi altro tipo di sito web, possono essere soggetti a risorse che bloccano la visualizzazione. La presenza di risorse che influenzano il rendering delle pagine dipende principalmente dalla progettazione, dai temi e dai plugin utilizzati sul sito, così come dalle pratiche di sviluppo implementate.
Ad esempio, ecco alcuni fattori che potrebbero contribuire alla presenza di risorse di blocco nei siti WordPress:
- Temi WordPress: Alcuni temi possono includere file CSS e JavaScript che potrebbero essere ottimizzati o caricati in modo diverso per migliorare le prestazioni.
- Plugin: L’uso di plugin aggiuntivi può introdurre risorse aggiuntive che potrebbero influire sui tempi di caricamento.
- Ottimizzazione del sito: La mancanza di ottimizzazione o configurazione inappropriata del sito può portare a problemi di prestazioni.
- Personalizzazioni avanzate: Modifiche significative o personalizzazioni avanzate potrebbero influire sulla gestione delle risorse.
- Dimensione del sito: Siti con molte immagini non ottimizzate o file multimediali pesanti potrebbero soffrire di tempi di caricamento più lunghi.
È importante mantenere il sito WordPress aggiornato, utilizzare temi e plugin affidabili, e adottare pratiche di sviluppo ottimizzate per garantire prestazioni efficienti. L’ottimizzazione delle risorse, tra cui eliminare le risorse di blocco della visualizzazione, è dunque una componente cruciale nella gestione di un sito web, indipendentemente dalla piattaforma utilizzata.
