Edge」が標準ブラウザとなりました。Edgeと他Windowsブラウザのパフォーマンスを比較してみました。検証に用いたデモについて今回の検証はBunnyMarkで検証しています。ランダムで適用し、毎フレーム移動をさせています。時間経過とともにオブジェクト数を増やし、直前3回のフレームレートの平均が30fpsを下回った段階での表示されているオブジェクトの個数をスコアにしています。Canvas、WebGLについて検証しました。CanvasとWebGLのデモについては、JavaScriptのライブラリ群「CreateJS」を使って作成しました。それぞれのコードはGitHubにて公開しています。10をインストールして以下の各モダンブラウザについて検証を行いました。Chrome:バージョン44Firefox:バージョン39Opera:バージョン30パフォーマンスはどれくらいなのか?前述のデモを他のプログラムが起動していない状態で3回ずつ実行し、その平均値をとりました。結果は次のグラフの通りになっています(スコアが高いほどパフォーマンスが高いことを示します)。Explorerのスコアが良好でした。言え、Firefox以外のスコアは大きくは変わりませんでした。DOMによる表現を行う場合は、Firefoxのパフォーマンスに注意しながら作っていくとよいでしょう。Edgeのスコアが一番高い結果となりました。ChromeやFirefoxのスコアの4倍でした。Chrome、Firefox、Operaについては大差はありません。CanvasのスコアはDOMの3〜10倍ほどとなっていることも見てとれます。Edgeは2番目に高いスコアでした。Chromeで、他ブラウザの2〜3倍以上のスコアを出しているのがわかります。Explorer、Firefox、Operaは大差のない結果となりました。Canvasのスコアの4〜10倍以上となっていて、非常に高いパフォーマンスであることがわかります。各2D表現を比較したグラフが以下です。Edgeが高いパフォーマンスであることがわかります。Edgeは新型エンジン「EdgeHTML」となり、JavaScriptの処理能力が向上したとのことです。Canvas、WebGLのパフォーマンスが向上しているかが気になっての今回の検証でした。Edgeは高いパフォーマンスを発揮することがわかりました。今後の進化が非常に楽しみです。Edgeには魅力的な機能もたくさんあります。Edge登場!新ブラウザを迎えるために知っておきたい要件まとめ」などが参考になるでしょう。ウェブ制作・アプリ開発における最新技術情報はQiitaとTwitterでも積極的に発信しています。よろしければ私のアカウントをフォローくださいませ。平成27年11月13日に内容をメンテナンスしています。メディアアートを学ぶ。MEDIA、Qiita他)、Twitterで積極的に情報を発信中。Lynda.comやSchooの講師も務める。MEDIAは株式会社ICSが運営するオウンドメディアです。ICSはインタラクションデザイン専門のプロダクション。最先端のwebテクノロジーを駆使し、オンスクリーンメディアの表現分野で活動しています。問い合わせ採用情報インタラクションコンテンツの制作や新しいことに挑戦しながら、互いにスキルを高め合えるメンバーをICSでは募集しています。詳しくは採用情報をご覧ください。MEDIAは古い記事でもメンテナンスし続けることで、常に役立つ情報発信を目指しています。