"innerHTML 이 DOM보다 35배 빠르다."

"DOM 메소드는 !"

항상 있는 논쟁이지만, 뒷받침할만한 통계치를 찾기는 힘듭니다.

Backbase의 Laurens Holst 씨가 벤치마크를 작성해서 이 문제에 대해 상세히 살펴보았습니다.

사람들은 innerHTML 사용에 대한 논쟁으로, 위의 글을 인용하며 성능에 대해 말하고 있습니다. 저는 그가 발견한 것과 제가 발견한 것의 차이가 나는 원인이 무엇인지 살펴봐야겠다고 생각했습니다. 제가 앞으로 지적하겠지만 그 벤치마크는 innerHTML에 호의적으로 매우 많이 편향된 결함이 있다는 것이 밝혀졌습니다.

1. 컨텐트를 전혀 escape 처리하지 않았다
   
2. 선택적인 HTML 사용
3. XML이 HTML 보다 훨씬 빠르다

그는 다시 새 브라우저를 이용해서 벤치마크를 실행하고, 아래와 같은 결과를 얻었습니다.


from JavaScript HTML Construction Benchmark on Ajaxian