Chrome DevTools: Icône d'avertissement Triangle dans la vue Chronologie, qu'est-ce que c'est?

Question

Est-ce que quelqu'un sait ce que représente l'icône d'avertissement triangulaire dans la vue chronologique des outils de développement Google Chrome? Lorsque je passe la souris dessus, cliquez dessus, etc. - il n'y a pas d'informations différentes pour les autres événements. L'événement lui-même ne semble pas être long non plus, je ne peux pas déterminer ce qu'il m'avertit.

Merci.

Answer 1

Ce signe d'avertissement signifie que certains code (par exemple element.offsetHeight ou document.width) a déclenché un événement de mise en page synchrone , ce qui peut affecter les performances dans certains cas. Vous devriez être en mesure de voir la trace de la pile associée si vous développez l'arborescence des événements.

Une explication complète de ce triangle et ce que cela signifie est dans la documentation DEVTOOLS: https://developer.chrome.com/devtools/docs/timeline#locating-forced-synchronous-layouts

Il comprend un Forced Synchronous Layout demo pour mieux la comprendre.