furyu-tei https://blog.hatena.ne.jp/furyu-tei/ 風柳メモ https://memo.furyutei.com/ JavaScriptでページ遷移用のナビゲーションを作っていたのだが、リンクと半角スペース(テキストノード)とを交互に挿入するような実装にしていると、なぜか異様に時間がかかってしまう（数百個程度のノード挿入に、数秒要する）。 どうやら、ナビゲーションのノードがDOMツリー上にあるとこうなるようで、いったんDOMツリーから切り離した状態で作成し、最後にDOMツリーに戻すようにすると、ほとんど時間はかからない。でもなぜ……？ さんざん悩んだが、結局はとある拡張機能が原因だった、というオチ（今回の場合ははちまバスター）。 もっと早くに、シークレットウィンドウで調べておくべきだった……。 【追記】なお… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmemo.furyutei.com%2Fentry%2F20150831%2F1441025762" title="Google ChromeにてDOMノード追加に異様に時間がかかる現象が発生して悩む→拡張機能が原因だった - 風柳メモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2015-08-31 21:56:02 rich https://memo.furyutei.com/entry/20150831/1441025762 1.0 100%