Votre site a mieux à faire que vous faire attendre. Découvrir PageSpeed.fr
Code et rendu

DOMContentLoaded : initialiser au bon moment

Une interface n’a pas toujours besoin d’attendre toutes les ressources de la page.

Les mots utiles, en clair
JavaScript : interactions
Le code qui fait fonctionner des éléments comme les menus, les formulaires et certaines animations.

Identifier le prérequis réel

Un script qui ajoute un comportement à un bouton a besoin de trouver ce bouton. Il n’a pas nécessairement besoin d’attendre toutes les images. À l’inverse, un calcul dépendant de dimensions chargées plus tard demande une autre logique. Choisir le bon moment évite des attentes inutiles ou des mesures incorrectes.

Prévoir les scripts chargés tardivement

Un fichier ajouté après le chargement initial peut arriver lorsque l’événement attendu a déjà eu lieu. Son initialisation doit tenir compte de l’état courant du document. Sinon, le composant peut fonctionner dans un mode de chargement et rester inactif après une optimisation qui modifie ce moment.

Vérifier les interactions immédiates

Essayez de naviguer ou de saisir dès que les contrôles deviennent visibles. Le script doit les rendre utilisables de façon cohérente. Une recette qui commence plusieurs secondes après l’arrivée peut manquer une fenêtre pendant laquelle l’interface semble prête mais ne répond pas encore.

Pour aller à la source

Besoin d’aide pour votre site ? Retrouvez les conseils d’installation et de compatibilité dans notre centre d’aide.
Votre prochaine étape

Et si votre site
passait la seconde ?

Essayez, comparez, gardez la main. Vous pouvez désactiver ou supprimer l’extension à tout moment pour retrouver le fonctionnement habituel de votre site.

Accélérer mon siteMesurer mon site