am1tanaka https://blog.hatena.ne.jp/am1tanaka/ tanaka's Programming Memo https://am1tanaka.hatenablog.com/ JavaScript Web HTML要素を追加する時のパフォーマンスをチェックしてみた。 テスト環境：MacBookAir2014 追加方法 innerHTML DocumentFragment appendChild innerHTML文字列結合 Firefox 17-25ms 27-38ms 32-40ms 15-25ms Google Chrome 25-30ms 52-90ms 55-80ms 20-35ms Safari 30-35ms 140-170ms 780-930ms 23-30ms 以下のプログラムを、それぞれのブラウザの開発ツールを表示して実行。コンソールに結果が表示されるので、１０回ぐらい実行して… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fam1tanaka.hatenablog.com%2Fentry%2F2015%2F02%2F10%2F175503" title="HTML要素の追加 - tanaka&#39;s Programming Memo" 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-02-10 17:55:03 rich https://am1tanaka.hatenablog.com/entry/2015/02/10/175503 1.0 100%