성능과 튜닝 javascript replaceall의 방법에 따른 처리 속도 비교

필자가 아는 replaceall(string to string) 할 수 있는 방법은 아래 3가자로 추려 볼 수 있다.

아래 방법중 가장 빠른 처리 속도를 내는 방법은 무었을까? 브라우저 별로 조사해 보았다.

방법 1 ) split&join을 이용하는 방법

방법 2 ) 정규식을 이용한 방법

 방법 3 ) 루프문을 이용한 방법

비교 방법은 5,655,000 개의 문자열을 두개의 다른 문자로 치환하는 방법으로 했다.

3가지 방법 모두를 IE6, Safari, FF3, Chrome 에서 조사 했다.

결과를 보면,

방법 3의 while 문을 이용한 방법은 모든 부라우저에서 테스트 할수 없었다.

모두 다운 되버렸다.

FF의 firebug에서는 out of memory라는 오류 메시지를 뿌려주었다.

그러므로 쓰면 안되는 방법인것이다.

방법2의 정규식을 이용한 방법은 특이하게 IE에서만 좋은 성능을 발휘했다. 

IE외에 브라우저 특히 Safari 에서는 성능이 확연하게 떨어졌다. 

파이어폭스만 그나마 나은 성능을 보여주고 있다.

방법1은 IE를 제외한 브라우저에서 모두 최고의 성능을 발휘했다.

특히 Chrome 의 경우는 다른 브라우저들에 비해 최고의 빠른 속도를 보여줬다. 

필자의 결론, 

위 각 브라우저의 성능을 테스트해본 결과 방법 1의 split&join을 이용하는 방법이 정규식을 이용한 치환방법보다 좋으나, IE의 서비스 점유율을 볼때 IE에서 최적의 성능을 보이는 방법 2의 정규식을 이용한 방법을 무시 할수는 없다.

그러므로, 개발자가 할수 있는 가장 좋은 방법은 IE때만 정규식을 치환하는 방법을 사용하고 나머지는 모두 split&join을 이용하는 방법으로 구현하는것이 최선의 방법이 아닐까 한다.