Questo analizzerà qualsiasi URL fornito e concatenerà il CSS necessario per visualizzare il rendering HTML della cartella sopra la cartella, ovvero il rendering HTML della cartella sopra la cartella.CSS critico" o "percorso CSS critico“.
Un bello strumento, facendo un lavoro Non è facile farne a meno. E restituisce direttamente una versione CSS già minimizzata.
Dovrai quindi incorporare questo codice nell'intestazione della/e tua/e pagina/e, manualmente o con un dedicato plugino qualsiasi plugin di cache o di ottimizzazione.
Ciò consentirà di rendere più velocemente la parte superiore della zona inizialmente visibile, senza caricare i file css esterni.
- questo aumenterà le tue metriche di Google: probabile
- aumenterà l'esperienza dei tuoi visitatori occasionali: probabile
- migliorerà l'esperienza dei tuoi visitatori abituali: no (poiché aumenterà il peso di ogni pagina a cui viene aggiunto questo css, invece di aggiungerlo solo a un file esterno che viene caricato una sola volta).
Suggerimento n. 1: cancellare qualsiasi cache del server o del plugin subito dopo
Suggerimento n. 2: se si intraprende quel percorso di ottimizzazione, per avere il CSS più adatto, vale la pena fare questo trucco una volta per ogni gruppo di pagine notevolmente diverso che hai nel tuo sito, ognuno dei quali utilizza probabilmente un CSS molto diverso (es: foro pagine, post normali, tipi di post personalizzati (8230).
Suggerimento n. 3: poiché questo CSS è un codice puramente statico (su intento), dovrebbe essere aggiornato ogni volta che si apporta una modifica importante al CSS della pagina.
