Rimuovi il CSS inutilizzato, ritarda JavaScript e pubblica WebP e AVIF

1. Testate una modifica alla volta

   L'ottimizzazione delle risorse modifica il modo in cui il browser riceve i file del tema. Modificate un'impostazione, controllate il sito e poi proseguite, in modo che ogni problema abbia una causa evidente.

2. Apra la scheda CSS e JavaScript

   In WordPress apra Zinn Digital®, Cache Pro, quindi CSS e JavaScript. Le immagini si trovano in una scheda a parte.

3. Iniziate con le impostazioni predefinite sicure

   Mantenga attiva l'opzione "Usa i valori predefiniti sicuri". Non ritarda mai jQuery o i banner per il consenso ai cookie e lascia inalterate le pagine di pagamento.

4. Ritarda JavaScript, quindi rimuovi il CSS inutilizzato

   Attivi il ritardo di JavaScript fino all'interazione del visitatore, salvi e controlli le Sue pagine principali dopo essersi disconnesso. Successivamente, attivi la rimozione del CSS non utilizzato. Se qualcosa smette di funzionare, aggiunga il relativo script o foglio di stile all'elenco dei file da non modificare.

5. Distribuisci immagini WebP e AVIF

   Nella scheda Immagini attivate WebP o AVIF, quindi convertite le immagini esistenti. Gli originali rimangono dove sono e con un clic si rimuove ogni copia convertita.

6. Perché non è presente un'opzione per minimizzare o combinare

   La combinazione dei file era utile con HTTP/1.1 ma rallenta le pagine su HTTP/2 e HTTP/3, e la minificazione consente di risparmiare solo pochi punti percentuali una vez compressi i file, pur essendo la causa più comune di problemi di layout. Il vero vantaggio risiede nella rimozione del CSS non utilizzato e nel rinvio di JavaScript.

Guida successiva: Pulisci il database di WordPress