DOM Content Loaded (Start/End)

Méthode de collecte : navigateur web (API)

Le DOMContentLoaded (DCL) est un événement déclenché par le navigateur web. Comme cet événement permet d'attacher des listeners permettant eux même de déclencher des traitements JavaScript (c'est ce que fait jQuery.ready qui est un exemple très répandu), le DCL a un début et une fin (la différence entre les 2 permet de mesurer la durée de ces traitements). L'événement DOMContentLoaded se déclenche quand le document HTML initial a été complètement téléchargé et analysé par le navigateur (mais sans attendre le chargement des images ni des iframes).
Le JavaScript bloquant va retarder l'événement. Rendre votre JavaScript asynchrone vous permettra d'améliorer le DOMContentLoaded.

À SAVOIR !
Si le DOMContentLoaded End est significativement plus important que le DOMContentLoaded Start, cela signifie que les traitements déclenchés via un listener associé sont lents.

DOMContentLoaded Start succède directement au DOM Interactive. Entre le DOMInteractive et le DCL Start, les seuls traitements sont liés aux scripts de type module avec un attribut async.

Revenir au sommaire