面白かったので紹介。 Mika Raento's Tech Blog: innerHTML vs appendNode vs DocumentFragment - Optimizing bulk DOM operations for mobile まあ正確に言うとDocumentFragmentの比較もあるんだけど、ベンチ上appendNodeと違いはないのでタイトルからは割愛。 結論 普通はappendNodeが速いけど、要素数を多くすると徐々にinnerHTMLに分がでてくる。均衡点は1000ノード。 ベンチマーク 上の記事から図を引用 これは自分の予想だけど、要素が多くなるにつれappendNodeのDOMとのネイティブのブリッジを経由するのがボトルネックになる。innerHTMLはパーサのコスト+appendNode一回分。 誰が気にするの テンプレートエンジン作者は気にすると良さ
![モバイル環境でDOM挿入する時innerHTMLとappendNodeどっちが速いの?という話 - mizchi's blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/547379f2fefccae6ca6310f850942e7ed8423cd6/height=288;version=1;width=512/http%3A%2F%2Fi.gyazo.com%2Faf9cb9c66dd4d7d8b470ce35c9fd1255.png)