Velocità Impatto basso Medio 30–60 min

Script inline

Molti <script> direttamente nell'HTML bloccano e non si possono mettere in cache.

Cos'è

Gli script inline sono codice direttamente in <script>…</script> nell'HTML (non un file esterno). Bloccano il rendering nel punto in cui si trovano e non si possono mettere in cache né posticipare con defer/async.

Perché è importante

I grandi script inline gonfiano l'HTML e bloccano il rendering. Inoltre complicano la politica di sicurezza (CSP).

Come fare

1Sposta il codice in file .js esterni e caricali con defer.
2Lascia le piccole inizializzazioni indispensabili, ma mantienile minime.
3Valuta la CSP, gli script inline la complicano.

Conclusione

I file esterni con defer di solito battono gli script inline (cachabilità + non bloccano). Sposta fuori i grandi blocchi inline; le piccole inizializzazioni vanno bene. È legato alla strategia complessiva di posticipazione del JS.

Argomenti correlati