최신 브라우저 자바스크립트 벤치마크 by chatmate

어디까지나 개인 환경에서 테스트한 결과.


자바스크립트 벤치마크 속도 (SunSpider 기준)

오페라(659.4ms) > 크롬(1060.6ms) = 사파리(1086.2ms) > 파이어 폭스(1586.4ms) > 시몽키(2844.2ms) > IE8(7444.4ms) > IE6(43786.2ms)


브라우징 체감 속도

오페라 > 크롬 > 파이어 폭스 > IE8 > 사파리 > 시몽키


방식 비교

네이티브 코드 컴파일 방식

  • 크롬(V8)
  • 오페라(Carakan)

바이트 코드 인터프리트

  • 사파리(Nitro)
  • 파이어 폭스(TraceMonkey)
  • 시몽키(TraceMonkey)



단평


오페라

자바스크립트와 관계 없는 이야기를 먼저 하자면, 일단 캐시를 이용한 렌더링 속도는 오페라 3.x 시절 이래로 오페라를 따라올 브라우저가 없는것 같다. 브라우저의 '뒤로 가기' 버튼을 자주 사용하는 사용자라면 속도차를 피부로 느낄 것이다.


자바스크립트에 관해선, 선스파이더 결과로는 오페라가 압도적으로 빠른데 (크롬의 1.61배, 파이어 폭스의 2.41배, IE8의 11.3배, IE6의 66.4배!!), 실제 사용에 있어 의미있는 결과인것 같진 않다. (물론 IE 사용자라면 체감 차이가 크겠지만)


그래도 자라칸, 드디어 나왔구나.



크롬

크롬이 빠르다고 하는데, 솔직히 크롬의 어디가 빠르다는건지 잘 모르겠다. 비교 대상이 IE와 FF에 한정되었기 때문에 얻어진 평가인가?  벤치마크 결과로는 크롬이 오페라보다 훨씬 빠르다고 나오던 시절에도 체감 속도는 오페라쪽이 빨랐다.



파이어 폭스

확장성만큼은 부정할 수 없을 정도로 단연 선두. 하지만 사실, 많은 사람들이 추천하는 확장기능은 오히려 다른 브라우저에도 같은 기능이 구현되어 있기 때문에 파이어 폭스만의 강점으로 꼽기 어렵다고 본다. (오페라에 기본기능으로 탑재되어 있거나 크롬 확장기능으로도 나와 있는지라) 그보다는 특이하면서 유용한 익스텐션의 사용면이나, 혹은 탭을 많이 열지 않고 사용하는 업무용으 브라우저로서 경쟁력이 있지 않을까 싶다.


자바스크립트 속도는 사실 이만하면 됐다. 어차피 더 빨라도 크게 차이 없다. 엔진 소스 기증해준 어도비에 감사해라.



사파리

출시 당시부터 '크롬보다 빠르다' 설레발이 있었는데, 사실 체감 속도는 처음부터 크게 빠르지 않았다. 물론, 출시 당시 렌더링 속도는 타 브라우저에 비해 정말 확실히 빨랐다. 하지만 브라우저 자체가 상당히 무거웠다는게 체감 속도를 크게 떨어뜨리는 요인이 됐다.


자바스크립트는 정말 경탄할만 한데, 구글이 V8 들고 나와서 네이티브 코드 컴파일 해버릴때는 정말 '깬다'는 생각을 했었지만, SFX는 바이트 코드로 실행하면서 무슨 마술을 부린건가 하는 생각을 한 적도 있었다. (세상이 그렇게 단순한게 아니지만)



시몽키

'커뮤니케이터'의 시대가 저물어 가는구나.

좌초되지 않고 계속 진행되는게 용하다.



IE8

분명 많이 나아졌지만, 저만치 앞서가는 경쟁자들 때문에 "IE6 호환도 안 되면서 타 브라우저보다는 느리고 불편한" 이도저도 아닌 브라우저가 되어 버리고 말았다.



IE6

와. 수치로 보니 확실히 알겠구나! 얼마나 느린지. -_-;



비교 브라우저


1. Opera 10.5 pre-alpha build 3228 (2010/02/07)

- 레이아웃 엔진 : Presto 2.5.21

- 자바스크립트 엔진 : Carakan


2. Mozilla Firefox 3.7a pre2 코드명 : MineField (2010/02/06)

- 레이아웃 엔진 : Gecko 1.9.3

- 자바스크립트 엔진 : TraceMonkey


3. Google Chrome 5.0.317.2 dev (Official Build 38193)

- 레이아웃 엔진 : Webkit 532.9

- 자바스크립트 엔진 : V8 2.0.6.4


4. Safari 4.0.3 

- 레이아웃 엔진 : Webkit 531.9.1

- 자바스크립트 엔진 : Nitro (SquirrelFish Extreme)


5. SeaMonkey 2.0.2

- 레이아웃 엔진 : Gecko 1.9.1

- 자바스크립트 엔진 : TraceMonkey


6. Internet Explorer 8.0.7600.16385

- 레이아웃 엔진 : Trident 4.0

- 자바스크립트 엔진 :Trident 4.0(?)


7. Internet Explorer 6.0.2900.3264.xpsp.071130-1427

- 레이아웃 엔진 : Trident 

- 자바스크립트 엔진 :Trident (?) 


 


덧글

  • shaind 2010/02/08 14:37 # 답글

    어떤분이 구글크롬 쓰면서 오페라가 어디가 어떻게 빠른지 모르겠더라고 하시던 이야기가 생각나는군요. -_-
  • chatmate 2010/02/08 14:49 #

    이런 경우는 취향 차이라기 보다는, 브라우저 이용 패턴의 차이에서 원인을 찾아보아야겠군요.

    리렌더링에서는 오페라가 확실히 빠릅니다.
  • joogunking 2010/02/08 16:18 # 삭제 답글

    한동안 오페라가 뒤지는 듯 싶더니 다시 따라잡았네요.
    요즘 사용해보려고 적응하고 있는데, 기본 기능도 충실하고 속도도 빠르고, 가볍고, 정말 최고의 웹브라우저입니다.
  • chatmate 2010/02/10 12:41 #

    벤치마크 테스트 자체는 참고 이상의 의미는 없겠습니다만, 오페라가 속도전에 '복귀'를 준비하고 있다는걸 확실히 보여줬다는 점에서는 나름 의미있는 결과라고 생각합니다.

    말씀처럼 저 개인적으로야 오페라를 현존하는 최고의 브라우저라고 평가하고 있습니다만, 크롬을 '오페라 만큼 빠르고 파이어 폭스 만큼 확장성이 뛰어난' 브라우저라고 평가하는 것도 가능한 것처럼, 관점에 따라서 최고는 달라질 수 있겠지요.
  • drakan 2010/02/17 13:18 # 삭제 답글

    벤치마크가 무엇이냐에 따라 다르지요.. peacekeeper 의 경우에 오페라 10.5에서 차이를 많이 좁히긴 했지만 아직 크롬이 빠르다는 결과가 나옵니다. 그 이전 버전이면 차이는 더욱 커지죠..-0- http://service.futuremark.com/peacekeeper/browserStatistics.action
  • chatmate 2010/03/06 00:04 #

    저는 분명히 처음부터 "SunSpider 기준"이라고 명시해 두었습니다.

    계속 같은 말이 되겠습니다만, 10.5에서 새로운 엔진 - 레이아웃 엔진, 자바스크립트 엔진 모두 - 을 채택하면서 보여준 변화는, 진행중인 개발 방향을 어느정도 보여주는 결과였다고 생각합니다.

    바로 위에 제가 다른 분께 드린 댓글도, '벤치마크 테스트 자체에 의미가 있다기 보다는, 새 버전을 준비하는 오페라의 자세를 읽을 수 있었다'는 이야기를 하고 있는데요. 구태여 구 버전을 언급하며 "그 이전 버전이면 차이는 더욱 커지죠"란 말씀을 하시는게 약간 뜬금없게 느껴지기도 하네요.

    그런 개발의 방향성을 확인하기 위해, 일부러 릴리즈된 스테이블 버전이 아닌 개발 진행중인 버전을 골라 비교했고, 테스트 브라우저의 버전을 빌드일자나, 각 엔진명과 엔진 버전까지 표시했던 건데요.
  • 카나리아 2010/04/06 01:03 # 삭제 답글

    근데 버그인지 element 숫자가 많아지면 Firefox의 경우 엄~~청나게 느려지더군요. 3.6이 되어도 그대로.

    bugzilla에도 보고된걸 봤는데 답이 없는건지 별로 안중요하게 여기는건지..
  • 쿠쿠3 2010/08/31 01:34 # 삭제 답글

    구글 서비스를 이용할댸 크롬이 상대적으로 빠른건 어쩔수 없더군요. 오죽하면 구글 웨이브 출시 당시에 ie로는 접속을 못하게 햇을정도... 저도 구글 서비스이용패턴이 많아서 크롬만 쓰고 잇습니다 -ㅇ-ㅋ
  • 카시스 2011/05/23 22:58 # 답글

    전 오페라에서 뒤로가기 앞으로가기 할 때는, 이전에 다녔던 페이지를 렌더링후의 상태 통채로 하드디스크 어디 저장해두고 순식간에 그거 불러오는가 했습니다. ㄷㄷㄷ 아무리 캐쉬라고 해도 저게 렌더링을 거친 속도라구요??
댓글 입력 영역