Qu'est-ce que le Nœud DOM Comptent dans google chrome developer tools montage de la mémoire de vue?

J'obtiens un "aïe aïe aïe!" chrome crash lorsqu'une page web est en cours de chargement. Je vais essayer de mon mieux pour comprendre quelle en est la cause et avoir du fil à retordre.

Dans le Chrome du Développeur de l'outil il y a un Onglet Mémoire et quand on regarde le compteur de graphiques, j'ai remarqué que le Nœud DOM Compter les étapes de ligne jusqu', gouttes, puis continue d'augmenter.

Qu'est-ce que le Nœud DOM Comptent dans google chrome developer tools montage de la mémoire de vue?

J'ai compris ce à dire que l'élément DOM compte sur ma page ont été à la hausse, mais après avoir fait 

document.getElementsByTagName("*").length

dans la console j'ai remarqué que la valeur n'était pas en train de changer.

Quel est donc le Nœud DOM comte graphique montrant réellement? Si il continue de plus en plus comme ça, pourrait potentiellement être à l'origine de la "aïe aïe aïe!" crash?

InformationsquelleAutor RoboKozo | 2012-06-05
  1. 30

    Le nœud DOM comte graphique montre le nombre de création nœuds DOM, qui sont toujours détenus dans la mémoire, c'est à dire qui n'ont pas été nettoyée encore. Ce n'est pas à coïncider avec les éléments que vous obtenez par le biais de getElementsByTagName. Ce dernier sera également seulement vous obtenir les éléments réellement attaché à l'arbre de document. Il n'obtiendrez pas de "hors-ligne" les éléments dont vous avez toujours des références.

    Un moyen facile d'obtenir coincé avec cette pyramide de croissance est le Comme le widget de l'Facebook API, qui contient un peu de code sur une fugue minuterie, ce qui crée d'y chercher des supplémentaires les nœuds DOM.

    • Merci pour l'explication. En fait, j'ai fait quelque chose de similaire à ce que vous avez décrit avec le facebook de l'api.
    • Pourriez-vous expliquer ce DOM nodes that are still held in memory signifie? Ainsi, par exemple, il y a ~700 nœuds DOM sur ma page et le nœud DOM comte graphique montre ~5k. Sont là intermédiaire nœuds DOM créé que le HTML est en cours de construction?
    InformationsquelleAutor Ron Otten
  2. 2

    DOM nœuds qui sont toujours détenus dans la mémoire sont appelés détaché nœuds. Cela signifie qu'ils n'apparaissent pas dans l'arborescence du DOM de la page, mais un peu de code JavaScript fait toujours référence à quelque part. Lire ce google outils de dev post qui explique ce qu'est Détaché nœuds DOM sont avec un code simple et comment le détecter à l'aide de Chrome DevTools: https://developers.google.com/web/tools/chrome-devtools/memory-problems/

    • Je teste mon (angulaire 6) de l'application, je ne les étapes suivantes: GC, créer certains composants, supprimer les composants ajoutés, GC. Je m'aperçois que le nombre de nœuds dans l'onglet performances continuer à augmenter, même si le nombre de Detatched Nœuds ne change pas d'avant/après le test...
    InformationsquelleAutor ana_efi