ブラウザ戦争の決着！Firefox vs Chrome vs Opera 徹底ベンチマーク比較

もしブラウザをひとつだけ選ばなければならないとしたら、あなたはどれを選びますか？Firefox、Chrome、Opera――果たして最強はどれなのか。本記事で徹底的に検証します。

かつての巨人・Internet Explorerがシェアを譲り渡して以来、ウェブブラウザをめぐる戦争はより多様化しました。その空白を埋めたのが、世界中で知られる無料の3強、Chrome、Firefox、Operaです。

とはいえ、本当に必要なブラウザは1つだけ。一度選ぶと、プラグインやブックマークが蓄積されていくうちに、他のブラウザへ乗り換えにくくなるものです。そこで今回は、さまざまなベンチマークにもとづいて、どのブラウザが頂点に立つのかをじっくりと見ていきましょう。

外観と操作性

多くの点で、この3つのブラウザはよく似た見た目と挙動を持っています。すべてタブブラウザであり、画面の隅に小さなメインメニューを備え、落ち着いたグレーと白を基調としたテーマを採用しています。視覚的な変化を加えているのは、デフォルトのホームページに写真背景を使うOperaだけです。

3つとも、よく訪れるサイトのアイコンやプレビューで構成されたカスタマイズ可能なホームページを持ちます。ただしChromeとOperaはGoogle検索も統合している一方、Firefoxはデフォルトでは検索ボックスを含みません。また、ChromeとOperaはホームページに追加オプションをいくつか搭載していますが、Firefoxはサイトのプレビューのみとシンプルです。

設定メニューにおいても、ChromeとOperaの類似性は続きます。両者とも設定画面が別ウィンドウではなく新しいタブとして開く、合理化された設計です。一方のFirefoxは、より伝統的なスタイルの設定メニューを堅持しています。ただし、プラグイン、履歴、印刷オプションなど一部の設定はブラウザウィンドウ内で開かれます。

Operaには言及に値する独自のカスタマイズ機能があります。テーマへの対応と、各種ニュースフィードから注目記事を集めてくる「Discover」ページです。とはいえ、他のブラウザでもプラグインを使えば同様の機能を実現できるため、これが決め手になるユーザーは多くないでしょう。

こうした大枠を除けば、外観や操作性の違いはごくわずかですが、だからといって好みを見つけるのが難しいわけではありません。人それぞれ意見は分かれるところです。筆者個人としてはFirefoxの新メニューは不自然に感じますし、逆にChromeの簡素さを直感的でないと感じる人もいるでしょう。インターフェースデザインにこだわりがある人は3つとも試してみるべきですが、こだわりがないなら、この要素は無視して次のテスト結果で判断してもよいでしょう。

同期機能

3つのブラウザすべてが、ユーザー設定やブックマークを複数デバイス間で同期できます。その方法もほぼ共通しています。アカウントを作成し、使用する各デバイスでログインすれば完了です。ブックマークと設定は自動的に同期され、サードパーティのサーバーに保存されます。同期はモバイル版ブラウザでも機能します。

3者の間で唯一重要な違いは、データを100%安全に保管する以外の目的で活用する動機を持つ企業が作っているのはChromeだけだという点です。GoogleはGmailのデータを解析していることを公言しており、ブックマークや保存されたタブに対して同じことをしないとは考えにくいでしょう。プライバシーを重視するユーザーにとって、Chromeの同期機能は少し疑わしく映るかもしれません。

文字の拡大縮小

ブラウザは非常に幅広いディスプレイで使用されるため、スケーリングは大きな課題となっています。10年前の18インチ・1280x1024モニターを使っている人もいれば、買ったばかりの30インチ4Kディスプレイを使っている人もいます。

筆者は27インチ・2560x1440のDellモニターを使用しています。各ブラウザのスケーリングを比較するため、100%、125%、150%の各倍率でスクリーンショットを撮影しました。左から順にChrome、Firefox、Operaです。まずは100%から見ていきましょう。

このテストではChromeとOperaはほぼ同一の結果となり、Firefoxははるかに大きく太いフォントで際立っています。1440pの27インチモニターでは3つとも読めるものの、文字が大幅に大きい分、Firefoxが最も負担なく読めます。その代償として、1画面あたり約6行分の表示テキスト量が減ります。

次に倍率を125%まで上げてみます（Firefoxは120%から133%へ飛ぶ仕様のため120%で測定）。

ここでもChromeとOperaはほぼ同じで、Firefoxは格段に大きく表示されます。細部をよく見るとスケーリングによるにじみの兆候が見られますが、すべて十分読めるレベルです。少なくともこのページに関しては、ChromeとOperaは125%の方が100%よりもはるかに読みやすいことがわかりました。頻繁に閲覧するページなら、これらのブラウザでは125%未満で表示したくないところです。

さらに思い切って150%まで上げてみましょう。

この倍率ではFirefoxはさすがに大きすぎます。文字は巨大化し、段落間の余白も非常に広くなります。ChromeとOperaの方が妥当で、視力に自信のないユーザーや高PPIモニターのユーザーには、むしろこの設定が快適かもしれません。ただし、ChromeとOperaにはスケーリングの影響が目立ち、Firefoxより粗くなっている点には注意が必要です。

この違いを明確にするため、各ブラウザのテキストの一部をさらに400%に拡大してみます。まずはChromeから。

続いてFirefoxです。

Firefoxはアンチエイリアシングの処理が優れており、よりシャープで洗練された見た目になります。これはスケーリングを上げるほど主観的にも明確になり、150%では差が歴然です。特にコントラストの高い（黒地に白、白地に黒）テキストで顕著です。

ところで、ChromeとOperaがなぜこれほど似ているのか不思議に思った方もいるでしょう。答えは簡単、レンダリング面では両者は同じだからです。両方ともGoogleがOperaと共同開発したBlinkエンジンを採用しています。一方、FirefoxはGeckoというエンジンを使用しています。

画像の拡大縮小

ブラウザのスケーリングで最も重要なのはテキストですが、それだけではありません。画像も影響を受けます。特に画像内にテキストが含まれている場合は顕著です。各ブラウザの画像スケーリング処理を確認するため、筆者のお気に入りのハードウェア系サイト「The Tech Report」をテスト環境として選びました。このサイトは画像コンテンツを動的にスケールせず、ヘッダーにテキスト入りの画像を含むため、絶好のテストベッドになります。

ここでも100%から始めます。左がChrome、中央がFirefox、右がOperaです。

ここでGeckoエンジンの弱点が露呈します。全体的に大きめのスケーリングはテキストの可読性を高めますが、画像の忠実度を大幅に損ないます。The Tech Reportのロゴはぼやけすぎて、まるでページに異常があるかのように見えるほどです。

しかし裏を返せば、この倍率ではFirefoxのテキストは読みやすく、ChromeやOperaでは快適に閲覧するために倍率を上げる必要があるユーザーも多いでしょう。125%（Firefoxは120%）に上げるとどうなるでしょうか。

Firefoxはこの倍率でもうお手上げ状態です。ロゴのぼやけた描画はひどく判別困難になっています。一方のChromeとOperaはほどほどの鋭さは失うものの、驚くほどの明瞭さを保っています。

実は、ChromeとOperaの125%表示は、Firefoxの100%表示よりも優れています。下の画像をご覧ください。左が125%のChrome、右が100%のFirefoxです。

両ブラウザの画像やフォントのサイズがほぼ同じになったにもかかわらず、Chromeの画像レンダリングはよりシャープです。これはFirefoxにとって深刻な不利であり、「Firefoxは他のブラウザと比べてシャープさに欠ける」と筆者が常々感じてきた理由を説明しています。気のせいではなかったのです。Geckoエンジンは実際、画像処理にある程度の難があります。

では、150%まで上げてみましょう。

すでにお手上げだったFirefoxは、もはや言葉を失うレベルです。この比較は傷口に塩を塗るようなもので、ChromeとOperaが使うBlinkエンジンの画像レンダリングがシャープであることを改めて裏付けています。

パフォーマンス

ほぼすべてのブラウザが「最速」を自称します。通常、そうした主張は自社に有利な特定のベンチマークに基づいており、実際にどれが速いのかを判断するのは非常に難しくなっています。そこで5種類のベンチマークを実行し、スコアを比較してみましょう。

以下のベンチマークはすべて、同じWindows 7デスクトップPC上で実施しました。スペックはCore i5 3450プロセッサ、RAM 8GB、GTX 780ビデオカードです。各テストは他のプログラムやブラウザウィンドウを開かずに単独で実行しています。

Peacekeeper

有名なベンチマーク大手Futuremarkが開発したPeacekeeperは、主にHTML5パフォーマンスを測定する高負荷テストです。WebGL、動画再生、2Dゲームなど多岐にわたるワークロードをカバーします。結果は以下の通りです。

Chrome：5,132ポイント

Firefox：3,677ポイント

Opera：4,778ポイント

これはChromeの圧勝です。同じエンジンを使うOperaに対して数百ポイントの差をつけました。Firefoxは大きく出遅れ、Chromeの約3分の2のスコアにとどまっています。

SunSpider

SunSpiderは2007年から存在する、この中では最も歴史あるブラウザベンチマークです。何度かアップデートされていますが、焦点はJavaScriptパフォーマンスのままです。このテストでは結果がミリ秒単位のため、唯一数値が低い方が優秀となります。

Chrome：147.2ms

Firefox：139.9ms

Opera：158.2ms

ここで形勢が逆転し、FirefoxがChromeを上回りました。一方のOperaは、Googleのブラウザより10ミリ秒以上遅く、大きく離された3位です。これでChromeに1勝、Firefoxに1勝、Operaはまだ勝ちなしです。

RightWare BrowserMark

BrowserMarkは、JavaScript、HTML5、WebGL、CSS3/3Dなど幅広い規格をテストする高度なベンチマークです。Peacekeeperと同様、非常に包括的で完成度の高いテストといえます。すると、Peacekeeperの結果が再現されるのでしょうか？各ブラウザの獲得ポイントは以下の通りです。

Chrome：5,358ポイント

Firefox：4,591ポイント

Opera：5,189ポイント

はい、Peacekeeperとよく似た結果になりました。ただし、選手間の差ははるかに小さくなっています。類似性を考えれば当然ですが、ChromeとOperaは非常に接戦です。

Babylon.js Train Demo

この非常に高負荷なデモは、WebGLを使って広大な風景をレンダリングし、その中を列車が走行します。テスト機には強力なGTX 780 Tiが搭載されていたため、このベンチマークが許容する最も重い設定、FXAA 4x有効かつ風景全体を一望するカメラを使用しました。その条件下での各ブラウザの平均フレームレートは以下の通りです。

Chrome：60FPS

Firefox：47FPS

Opera：60FPS

このベンチマークの上限は毎秒60フレームで、ChromeとOperaはこれを達成しました。Firefoxは平均47フレームで置き去りにされています。大きな差には見えませんが、デモのアニメーションはFirefoxで明らかに滑らかさを欠いていました。

Wirple BMark Canvas 3D

BMarkはCanvas 3DまたはWebGLのいずれかの規格をテストできる3Dベンチマークです。列車デモなどでWebGLはすでに確認済みなので、ここではCanvas 3Dに絞って使用します。

このベンチマークは、画面上に増加し続けるボックスをレンダリングします。フレームレートが毎秒10まで低下した時点のボックス数がスコアとなるため、数値が高いほど優れています。

Chrome：551個

Firefox：459個

Opera：542個

驚きはありませんね。今回もChromeが首位に立ち、Firefoxは集団の後ろを這い、Operaは真ん中に着地しました。

パフォーマンス総括

数字の上では、Chromeが3つの中で最速のブラウザです。ただし、それが実生活で意味のある違いにつながるかどうかは議論の余地があり、これらの傾向に反するベンチマークも存在します。GoogleとMozillaはそれぞれ独自の社内テストを持っており、予想通り、それぞれのブラウザは自社のテストで勝つ傾向にあります。

個人的には、日常使用において3つのブラウザ間で体感できるパフォーマンスの違いを見つけるのは困難でした。ウェブページの読み込み時間はほぼ同じで、YouTubeの動画はどれでも滑らかに再生され、ゲームも問題なく動作します。ベンチマーク上は確かに差があり、概してChromeが勝っていますが、その差が問題になる場面には遭遇しないかもしれません。

結論：勝者はChrome

ここまで、すべてのユーザーのブラウザ選びを左右する3大要素である機能、スケーリング、パフォーマンスを見てきました。すべてを総合すると、GoogleのChromeが競合に対してリードしていることは明らかです。多くの利用シェア調査で世界一人気のブラウザと評価されている理由もうなずけます。

Chromeには2つの強みがあります。1つ目は優れた画像スケーリングです。画像の鮮明度はFirefoxを大きく上回り、Firefoxは時にひどくぼやけて見えます。その結果、シャープで美しいブラウジング体験が得られます。同じレイアウトエンジンを使うOperaも、この勝利を分かち合っています。

2つ目の強みは速度です。ChromeはほとんどのベンチマークでFirefoxとOperaを破り、Firefoxは全体として痛烈な敗北を喫しました。前述の通り、日常使用での性能差を体感するのは難しいものの、「Chromeの方が速い」という事実だけでアドバンテージになります。3つのブラウザの機能セットは非常によく似ているのですから、最速のものを使わない手はないでしょう。

Chromeには親しみやすさもあります。Google検索がホームページになり、ブックマークはGoogleアカウントと同期され、無料・有料のプラグインを提供する巨大なChromeウェブストアは、Android端末のGoogle Playストアに似ています。

Chromeの弱点はただ1つ、文字のスケーリングです。デフォルトではFirefoxよりかなり小さくフォントが描画され、Mozillaの代替案に合わせて拡大しても、同じほどシャープには見えません。オンラインで大量のテキストを読む人、視力の弱い人、超高PPIディスプレイの所有者には、Chromeが不満に感じられるかもしれません。もちろん、Operaもこの弱点を共有しています。

それでも、一つの戦いに敗れたからといって、Chromeが戦争に負けることはありません。総合的に見れば、より速く、より魅力的な体験を提供し、多くの人がすでに使っているGoogleエコシステムとも容易に連携します。Chromeは打倒すべき標準的なブラウザとなったのです。

あなたのお気に入りブラウザを教えてください

Chromeはあなたにぴったりの選択肢でしょうか？それとも別のブラウザがお気に入りですか？あなたにとって最適なブラウザや、最も重視するベンチマークについてぜひ語り合いましょう。使い続ける決め手はブラウザのエコシステムですか？それとも純粋にスピード重視？あなたの意見を聞かせてください！