[js]ページ内のHTML要素数をカウントする方法

気にするのは特定分野の方々くらいだろうね。

こうする

調べたいページ内で以下のjsを読み込む。

console.log( document.getElementsByTagName('*') );

コンソールから確認できる。

HTMLCollection(***)っていう、カッコ内の数字が要素数。

ベタ打ちするとその<script>もカウントしちゃうんで、読み込むjsがあればその中に書くのがいいかも。

pageSpeed Insightsの評価基準に要素数のことがある。

めっちゃ多いと処理が大変で遅くなるからやめろよ、って内容。

入れ子にするとデザインが楽になるけどコンテンツが多いとネガティブ要因になるので、やべーなって感じがするならいつでも見れるようにしとくのがいいですね。

とはいえ後から修正するのは大変なんで、少なめで済む方法を模索しつつ作るのが無難。