Vitesse Impact faible Moyen 30 à 60 minutes

Scripts en ligne

De nombreux <script> sont directement dans le bloc HTML et ne peuvent pas être mis en cache.

Ce que c’est

Les scripts en ligne sont du code directement en <script>…</script> dans le HTML (pas un fichier externe). Ils bloquent le rendu au moment de leur apparition et ne peuvent pas être mis en cache ou différés via defer/async.

Pourquoi c’est important

Les gros scripts en ligne gonflent le HTML et bloquent le rendu. Ils compliquent également la politique de sécurité (CSP).

Comment faire

1Déplacez le code dans des fichiers .js externes et chargez-les avec différé.
2Conservez de petites initialisations essentielles, mais gardez-les au minimum.
3Pensez à CSP : les scripts en ligne compliquent les choses.

Conclusion

Les fichiers externes avec defer battent généralement les scripts en ligne (mise en cache + non bloquant). Déplacez les gros blocs en ligne ; les petites initialisations conviennent. Ceci est lié à la stratégie globale de report de JS.

Sujets liés