새벽에 열심히 프로젝트를 진행하다가 문득 궁금해져버렸다.

DOM 에 직접적으로 접근하여 개체를 생성, 삭제, 갱신 하는 방법과
innerHTML로 그냥 쉬릭 써버리는 방법 중 어느게 빠를까.

원래 예상은 표준인 DOM을 통한 억세스가 좀더 낫지 않을까 였으나, innerHTML 방식이 더 빠른 벤치 결과를 보게되었다.

나름 innerHTML에다가 쓰면 자바스크립트와 브라우저 나름대로 파싱을 다시 해서 DOM에 넣어버리는게 아닐까….라는 이상야릇 추측성 생각을 가지고 접근했었는데 아니었다 보다;

속도는 거의 3배 정도 innerHTML이 빠르더라.

그런데, innerHTML이 비표준이라 앞으로 나오는 브라우져들은 점차 지원을 안할 계획이란다.

표준을 따르는 것에도 이유가 있겠지만, 속도를 포기하고 표준을 중시하는 것.

그냥 조금 이상하다고 생각되었다. 목적이 속도인가? 아니면 어떠한 규칙, 표준을 지키는 것이 목적인가.

뭐, 어쨌든 innerHTML을 지원하지 않는 플랫폼이 나온다면야 당연히 DOM으로 가야하지만…..