단 하나의 브라우저만 골라야 한다면 어떤 것을 선택하시겠습니까? 파이어폭스(Firefox), 크롬(Chrome), 오페라(Opera) 중 가장 뛰어난 브라우저는 무엇일까요? 이번 기사에서 그 답을 찾아보겠습니다.
한때 이 분야의 거대 기업이었던 인터넷 익스플로러가 지위를 내려놓으면서, 웹 브라우저 간의 전쟁은 한층 다채로워졌습니다. 그 빈자리는 전 세계적으로 사랑받는 무료 경쟁자들인 크롬, 파이어폭스, 오페라가 채웠습니다.
하지만 실제로 필요한 브라우저는 단 하나입니다. 한 번 선택하고 나면 플러그인과 북마크가 쌓이면서 마치 갇힌 듯한 느낌을 받게 되죠. 그래서 저희는 세 브라우저를 면밀히 살펴보고, 다양한 벤치마크에서 어느 것이 최고인지 확인했습니다.
디자인과 사용감
여러 면에서 세 브라우저는 비슷하게 생겼고 비슷하게 작동합니다. 세 브라우저 모두 탭 방식을 채택하고 있고, 화면 상단 구석에 작은 메인 메뉴를 배치했으며, 중립적인 회색과 흰색 테마를 사용합니다. 기본 홈 페이지에 사진 배경을 적용한 오페라만이 유일하게 시각적 변화를 더한 곳입니다.
세 브라우저 모두 자주 방문하는 사이트의 아이콘이나 미리보기로 구성된 홈 페이지를 제공하며, 원하는 특정 사이트를 추가해 커스터마이징할 수 있습니다. 다만 크롬과 오페라는 여기에 구글 검색까지 포함하는 반면, 파이어폭스는 기본적으로 검색 기능을 넣지 않았습니다. 또한 크롬과 오페라는 홈 페이지에 몇 가지 추가 옵션을 통합한 반면, 파이어폭스는 웹사이트 미리보기만 제공합니다.
크롬과 오페라는 설정 메뉴에서도 유사점을 보입니다. 두 브라우저 모두 별도 창이 아닌 브라우저 안의 새 탭으로 설정 메뉴를 열며 깔끔하게 정리되어 있습니다. 반면 파이어폭스는 좀 더 전통적인 방식의 설정 메뉴를 고수하지만, 플러그인, 방문 기록, 인쇄 옵션 등 일부 설정은 브라우저 창 안에서 열립니다.
오페라에는 언급할 만한 독특한 커스터마이징 옵션이 몇 가지 있습니다. 테마 지원과 각종 뉴스 피드의 주요 기사를 모아 보여주는 'Discover' 페이지가 대표적입니다. 하지만 다른 브라우저 사용자도 플러그인으로 이런 기능을 흉내 낼 수 있으므로, 이것만으로 사용자를 끌어당기기는 어렵습니다.
큰 틀에서 보면 디자인과 사용감의 차이는 크지 않지만, 개인 취향을 찾기 어렵다는 뜻은 아닙니다. 사람마다 의견은 다르기 마련입니다. 저는 개인적으로 파이어폭스의 새 메뉴가 인위적으로 느껴지지만, 다른 사람들은 크롬의 지나친 미니멀함이 직관적이지 않다고 느낄 수 있습니다. 인터페이스 디자인에 민감한 분이라면 세 브라우저를 모두 직접 사용해보시길 권합니다. 그렇지 않다면 인터페이스는 고려 대상에서 제외하고, 이제부터 소개할 다른 테스트 결과를 기준으로 판단해도 좋습니다.
동기화
세 브라우저 모두 서로 다른 기기 간에 사용자 설정과 북마크를 동기화할 수 있으며, 그 방식도 비슷합니다. 계정을 생성하고, 사용하는 각 기기에서 로그인하기만 하면 됩니다. 이후 북마크와 설정은 자동으로 동기화되어 서드파티 서버에 저장됩니다. 물론 각 브라우저의 모바일 버전에서도 동기화가 지원됩니다.
세 브라우저의 유일한 중요한 차이점은, 데이터를 100% 안전하게 보관하는 것 외에 활용할 이유가 있는 회사가 만든 브라우저가 크롬뿐이라는 점입니다. 구글은 지메일 데이터를 검토한다는 사실을 공공연히 밝혀왔으므로, 북마크나 저장된 탭에 대해서도 같은 일을 한다고 상상하기 어렵지 않습니다. 프라이버시를 걱정하는 사용자에게 크롬의 동기화 기능은 다소 의심스럽게 보일 수 있는 부분입니다.
텍스트 확대/축소
브라우저가 다양한 크기의 디스플레이에서 사용될 수 있기 때문에, 확대·축소는 웹 브라우저에서 중요한 문제가 되었습니다. 어떤 사용자는 10년 된 18인치 1280x1024 모니터를 쓸 수도 있고, 어떤 사용자는 막 구입한 30인치 4K 디스플레이를 사용할 수도 있습니다.
저는 27인치 2560x1440 델(Dell) 모니터를 사용합니다. 각 브라우저의 확대 성능을 비교하기 위해 100%, 125%, 150% 스케일에서 각각 스크린샷을 촬영했습니다. 왼쪽부터 차례로 크롬, 파이어폭스, 오페라 순서입니다. 먼저 100%부터 시작해보겠습니다.
이 테스트에서 크롬과 오페라는 거의 동일했으며, 파이어폭스는 눈에 띄게 크고 굵은 글씨체로 독보적이었습니다. 세 브라우저 모두 1440p 27인치 모니터에서 충분히 읽을 수 있었지만, 텍스트가 현저히 큰 파이어폭스가 눈의 피로도가 가장 낮다는 점은 부인할 수 없습니다. 대신 한 페이지당 약 6줄 정도 텍스트를 덜 볼 수 있다는 트레이드오프가 있습니다.
이제 조금 키워서 125%로 올려보겠습니다. 파이어폭스는 기본 옵션에서 120% 다음이 133%로 건너뛰기 때문에 120% 기준입니다.
이번에도 크롬과 오페라는 거의 같았고, 파이어폭스는 훨씬 컸습니다. 자세히 들여다보면 확대 과정에서 글자가 흐려지기 시작한 흔적이 보이지만, 여전히 모두 읽을 수 있는 수준입니다. 크롬과 오페라는 125%에서 100%보다 훨씬 가독성이 좋아졌습니다. 적어도 이 페이지에서는요. 이 페이지를 자주 본다면 해당 브라우저에서 125% 미만으로 보고 싶지 않을 정도입니다.
이제 과감하게 150%로 올려보겠습니다.
이 스케일에서는 파이어폭스가 너무 커집니다. 글자가 거대해지고 문단 사이의 여백도 지나치게 넓어지거든요. 크롬과 오페라는 상대적으로 합리적인 수준을 유지하며, 시력이 완벽하지 않은 사용자라면 고PPI 모니터에서 이 설정이 더 나은 선택일 수 있습니다. 다만 크롬과 오페라에서도 확대의 영향이 뚜렷하게 나타나는데, 두 브라우저 모두 파이어폭스보다 거칠어 보입니다.
이를 확실히 보여드리기 위해 각 브라우저의 텍스트 일부를 추가로 400% 확대해보겠습니다. 먼저 크롬부터 살펴보겠습니다.
이번에는 파이어폭스입니다.
파이어폭스가 안티앨리어싱 처리를 훨씬 잘합니다. 그 결과 더 선명하고 세련된 화면을 보여줍니다. 이 차이는 각 브라우저에서 확대 배율을 높일수록 주관적으로도 뚜렷하게 느껴지며, 150%에 도달하면 특히 고대비(흑자 또는 백자) 텍스트를 볼 때 그 차이가 명백해집니다.
참고로 크롬과 오페라가 왜 이렇게 비슷한지 궁금하실 수 있습니다. 답은 간단합니다. 웹 페이지 레이아웃에 관한 한 두 브라우저는 같기 때문입니다. 둘 다 구글이 오페라와 협력해 개발한 '블링크(Blink)' 엔진을 사용합니다. 반면 파이어폭스는 '게코(Gecko)'라는 엔진을 사용합니다.
이미지 확대/축소
브라우저 확대에서 텍스트가 가장 중요한 요소이지만, 유일한 요소는 아닙니다. 이미지 역시 영향을 받으며, 특히 이미지 자체에 텍스트가 포함된 경우 그렇습니다. 각 브라우저가 이미지 확대를 어떻게 처리하는지 확인하기 위해 제가 즐겨 찾는 하드웨어 사이트 중 하나인 '더 테크 리포트(The Tech Report)'를 테스트 장소로 삼았습니다. 이 사이트는 이미지 콘텐츠를 동적으로 확대·축소하지 않고 헤더에 텍스트가 들어간 이미지를 포함하고 있어 훌륭한 실험대입니다.
역시 100%부터 시작하겠습니다. 크롬을 왼쪽에, 파이어폭스를 가운데에, 오페라를 오른쪽에 배치했습니다.
여기서 게코 엔진의 약점이 드러납니다. 전반적으로 큰 확대 배율 덕분에 텍스트 가독성은 좋아지지만, 이미지의 충실도는 극적으로 떨어집니다. 더 테크 리포트의 로고가 너무 흐릿해서 마치 페이지에 문제가 있는 것처럼 보일 지경입니다.
반면 이 배율에서 파이어폭스의 텍스트는 읽기 쉬운 반면, 많은 사용자가 더 테크 리포트 페이지를 편안하게 보려면 크롬과 오페라에서 확대 배율을 높여야 할 수도 있습니다. 125%(파이어폭스는 120%)로 올리면 어떻게 될까요?
파이어폭스는 이미 이 배율에서 한계에 도달했습니다. 더 테크 리포트 로고가 흐릿하게 렌더링되어 형체를 알아보기 힘들 정도입니다. 반면 크롬과 오페라는 이전만큼 선명하지는 않지만 놀랄 만큼 명료함을 유지합니다.
실제로 크롬과 오페라의 125%가 파이어폭스의 100%보다 낫습니다. 아래 이미지를 보세요. 왼쪽은 125%로 확대한 크롬, 오른쪽은 100% 스케일의 파이어폭스입니다.
두 브라우저의 이미지와 폰트가 거의 동일한 크기임에도 불구하고, 크롬의 이미지 렌더링이 더 선명합니다. 이는 파이어폭스에 심각한 불리함을 안겨주며, 제가 항상 파이어폭스가 다른 브라우저만큼 또렷해 보이지 않는다고 '느꼈던' 이유를 설명해줍니다. 제가 착각한 것이 아니었던 셈입니다. 실제로 게코 엔진은 이미지 처리에 다소 문제가 있습니다.
이제 배율을 150%로 올려 크게 확인해보겠습니다.
이미 한계에 도달했던 파이어폭스는 이제… 한계 그 이상으로 무너졌습니다. 이 비교는 그저 설상가상을 확인시켜줄 뿐이며, 크롬과 오페라가 사용하는 블링크 엔진이 더 선명한 이미지 렌더링을 제공한다는 사실을 재확인시켜 줍니다.
성능
사실상 모든 브라우저가 자신이 가장 빠르다고 주장합니다. 보통 이런 주장은 자신에게 유리한 특정 벤치마크에 근거한 것이죠. 그래서 실제로 어느 브라우저가 진짜 빠른지 판단하기란 매우 복잡할 수 있습니다. 다섯 가지 벤치마크를 살펴보고 점수가 어떻게 나오는지 확인해보겠습니다.
이하 모든 벤치마크는 동일한 윈도우 7 데스크탑에서 진행되었습니다. 시스템 사양은 코어 i5 3450 프로세서, 8GB RAM, GTX 780 그래픽 카드입니다. 모든 테스트는 다른 프로그램이나 브라우저 창을 열지 않은 상태에서 개별적으로 실행되었습니다.
피스키퍼(Peacekeeper)
유명 벤치마크 강자 퓨처마크(Futuremark)가 개발한 피스키퍼는 주로 HTML5 성능을 테스트하는 까다로운 벤치마크입니다. WebGL, 동영상 재생, 2D 게임 등 다양한 작업 부하를 포괄합니다. 각 브라우저의 점수는 다음과 같습니다.
크롬: 5,132점
파이어폭스: 3,677점
오페라: 4,778점
이번 항목은 크롬의 압승입니다. 같은 엔진을 쓰는 오페라를 수백 점 차로 제쳤고, 파이어폭스는 크롬 점수의 약 3분의 2 수준에 그쳐 한참 뒤처졌습니다.
선스파이더(SunSpider)
선스파이더 테스트는 2007년부터 존재해 온 벤치마크 중 최고참입니다. 여러 차례 업데이트가 진행되었지만 여전히 자바스크립트 성능에 초점이 맞춰져 있습니다. 이 테스트는 결과가 요청 완료까지 걸리는 밀리초(ms) 단위이기 때문에, 다른 테스트와 달리 숫자가 낮을수록 좋습니다.
크롬: 147.2ms
파이어폭스: 139.9ms
오페라: 158.2ms
이번에는 파이어폭스가 운세를 뒤집으며 크롬을 제치고 1위를 차지했습니다. 오페라는 구글 브라우저보다 10밀리초 이상 높은 점수를 기록하며 크게 뒤처진 3위였습니다. 크롬 1승, 파이어폭스 1승, 오페라 0승입니다.
라이트웨어 브라우저마크(RightWare BrowserMark)
브라우저마크는 자바스크립트, HTML5, WebGL, CSS3/3D 등 다양한 표준을 테스트하는 또 하나의 고급 벤치마크입니다. 피스키퍼와 마찬가지로 매우 폭넓고 완결성 있는 벤치마크라고 할 수 있습니다. 그렇다면 피스키퍼의 결과가 반복될까요? 각 브라우저의 점수는 다음과 같습니다.
크롬: 5,358점
파이어폭스: 4,591점
오페라: 5,189점
네, 수치가 피스키퍼와 매우 유사하게 나왔습니다. 다만 경쟁자 간 격차는 훨씬 작습니다. 서로 비슷한 만큼, 크롬과 오페라의 점수도 근소한 차이를 보였습니다.
바빌론.js 기차 데모(Babylon.js Train Demo)
이 매우 까다로운 데모는 WebGL을 사용해 광활한 지형 위를 기차가 달리는 장면을 렌더링합니다. 테스트 데스크탑에 강력한 GTX 780 Ti 그래픽 카드가 장착되어 있었기 때문에, 이 벤치마크가 허용하는 가장 높은 부하 설정인 FXAA 4x와 전체 지형을 한 번에 담는 카메라 시점을 사용했습니다. 해당 조건에서 각 브라우저가 기록한 평균 프레임 레이트는 다음과 같습니다.
크롬: 60FPS
파이어폭스: 47FPS
오페라: 60FPS
이 벤치마크의 상한은 초당 60프레임이며, 크롬과 오페라가 모두 이 값을 달성했습니다. 파이어폭스는 평균 47FPS로 뒤처졌습니다. 큰 차이로 보이지 않을 수 있지만, 실제로 데모의 애니메이션은 파이어폭스에서 눈에 띄게 덜 부드러웠습니다.
위플 BMark 캔버스 3D(Wirple BMark Canvas 3D)
BMark는 캔버스 3D 또는 WebGL 표준을 테스트할 수 있는 3D 벤치마크입니다. 기차 데모와 다른 벤치마크에서 이미 WebGL을 확인했으므로, 여기서는 캔버스 3D에만 집중했습니다.
이 벤치마크는 화면에 점점 더 많은 박스를 렌더링합니다. 프레임 레이트가 10FPS로 떨어지는 시점의 박스 개수가 점수가 되므로, 점수가 높을수록 좋습니다.
크롬: 551개
파이어폭스: 459개
오페라: 542개
놀라운 결과는 아니네요. 다시 한번 크롬이 정상을 지키고, 파이어폭스는 최하위를 기며들었으며, 오페라는 딱 중간에 자리 잡았습니다.
성능 결론
숫자만 보면 크롬이 세 브라우저 중 가장 빠릅니다. 하지만 이것이 실생활에서 의미 있는 차이로 이어지는지는 논쟁의 여지가 있으며, 이런 추세를 거스르는 벤치마크도 존재합니다. 구글과 모질라 모두 자체 테스트를 운영하는데, 예상대로 각자의 브라우저가 자사 테스트에서 우승하는 경향을 보입니다.
개인적으로는 일상적인 사용에서 세 브라우저 간에 체감 가능한 성능 차이를 느끼기 어려웠습니다. 웹 페이지 로딩 속도는 거의 비슷했고, 유튜브 영상은 어디서든 부드럽게 재생되었으며, 게임도 문제없이 실행되었습니다. 벤치마크상으로는 차이가 존재하고 크롬이 대체로 우위를 점하지만, 그 차이가 실질적으로 중요해지는 상황은 애초에 마주치지 않을 수도 있습니다.
결론: 승자는 크롬
지금까지 모든 사용자의 브라우저 선호를 좌우하는 세 가지 핵심 요소, 즉 기능, 확대·축소, 성능을 살펴봤습니다. 모든 것을 종합하면 구글의 크롬이 경쟁사를 앞서고 있다는 것이 분명해지며, 이것이 대부분의 점유율 집계에서 세계에서 가장 인기 있는 브라우저로 평가받는 이유이기도 합니다.
크롬에는 두 가지 강점이 있습니다. 첫 번째는 뛰어난 이미지 확대 성능입니다. 이미지 선명도는 가끔 아예 흐릿해 보이기까지 하는 파이어폭스보다 훨씬 뛰어나며, 그 결과 깔끔하고 아름다운 브라우징 경험을 제공합니다. 같은 웹 레이아웃 엔진을 사용하는 오페라도 이 승리를 함께 누립니다.
두 번째 강점은 속도입니다. 크롬은 대부분의 벤치마크에서 파이어폭스와 오페라를 꺾었고, 파이어폭스는 전반적으로 크게 밀렸습니다. 앞서 언급했듯 일상 사용에서 성능 차이를 느끼기는 어렵지만, 크롬이 더 빠르다는 사실 자체가 하나의 강점이 됩니다. 세 브라우저의 기능이 매우 비슷하다면, 가장 빠른 것을 쓰지 않을 이유가 없죠.
익숙함도 크롬의 무기입니다. 구글 검색이 홈 페이지이고, 북마크는 구글 계정과 동기화되며, 무료·유료 플러그인을 제공하는 방대한 크롬 웹 스토어는 안드로이드 기기의 구글 플레이 스토어와 비슷한 사용 경험을 줍니다.
크롬의 유일한 약점은 바로 텍스트 확대입니다. 기본 상태에서 폰트가 파이어폭스보다 훨씬 작게 렌더링되고, 모질라 브라우저와 배율을 맞춰도 그만큼 선명하지 않습니다. 온라인에서 텍스트를 많이 읽는 분, 시력이 좋지 않은 분, 고PPI 디스플레이 소유자라면 크롬이 답답하게 느껴질 수 있습니다. 물론 오페라도 이 약점을 공유합니다.
그럼에도 한 번의 패배가 크롬에게 전쟁 패배를 의미하지는 않습니다. 전체적으로 볼 때 크롬은 더 빠르고 매력적인 경험을 제공하며, 이미 많은 사람들이 사용하는 구글 생태계에 손쉽게 연결됩니다. 크롬은 이제 따라잡아야 할 브라우저가 되었습니다.
여러분의 최애 브라우저를 알려주세요
크롬이 여러분에게 맞는 선택인가요? 아니면 다른 브라우저를 사랑하시나요? 여러분에게 가장 잘 맞는 브라우저와, 가장 중요하다고 생각하는 벤치마크가 무엇인지 이야기를 나눠봅시다. 브라우저의 생태계가 계속 사용하게 만드는 요인인가요? 아니면 오직 속도가 전부인가요? 여러분의 목소리를 들려주세요!