都内で働くSEの技術的なひとりごと

都内でサラリーマンやってます。マイクロソフト系(たまに、OSS系などマイクロソフト以外の技術も...)の技術的なことについて書いています。日々の仕事の中で、気になったことを技術要素関係なく気まぐれに選んでいるので記事内容は開発言語、インフラ等ばらばらです。なお、当ブログで発信、発言は私個人のものであり、所属する組織、企業、団体等とは何のかかわりもございません。ブログの内容もきちんと検証して使用してください。よろしくお願いします♪

Google Chrome Frame のパフォーマンスをみてみた

 ネットでいろいろネタ探ししていたら、Google Chrome Frame というものがみつかりました。Internet Explorerオープンソース JavaScript エンジン? Internet ExplorerJavaScript 解析処理のパフォーマンスを向上させるものですね。(10/26 追記:レンダリングに関してもですね。)

Google Chrome Frame is an open source browser plug-in. Users who have the plug-in installed have access to Google Chrome's open web technologies and speedy JavaScript engine when they open pages in the browser.

 

Google Chrome Frame seamlessly enhances your browsing experience in Internet Explorer. It displays Google Chrome Frame enabled sites using Google Chrome’s rendering technology, giving you access to the latest HTML5 features as well as Google Chrome’s performance and security features without in any way interrupting your usual browser usage. 

 

When Google Chrome Frame is installed, the web just gets better without you having to think about it.

 ちょっとためしてみます。ここからダウンロードできます。インストール後に、Internet Explorer のアドオン管理を開くと、GoogleFrame BHO というアドインを確認することができるかと思います。GoogleFrame BHO をクリックし、有効にします。

f:id:koogucc11:20131024231325p:plain

 ここのサイトを使用して計測してみましょう。10回計測しています。(この計測だけでいいかはいいかどうかは....)まず、InternetExplorer 11 、Google Frame を有効にした場合です。

createElement: created 10000 elements
getElementById: 0.0012 ms
getElementById: 0.0009 ms
getElementById: 0.0011 ms
getElementById: 0.001 ms
getElementById: 0.0011 ms
getElementById: 0.0013 ms
getElementById: 0.001 ms
getElementById: 0.0011 ms
getElementById: 0.0009 ms
getElementById: 0.001 ms

平均:0.00106ms

 次に、InternetExplorer 、Google Frame を無効にした場合です。

createElement: created 10000 elements
getElementById: 0.001 ms
getElementById: 0.0014 ms
getElementById: 0.0014 ms
getElementById: 0.0016 ms
getElementById: 0.0009 ms
getElementById: 0.0016 ms
getElementById: 0.0011 ms
getElementById: 0.0009 ms
getElementById: 0.0011 ms
getElementById: 0.0009 ms

平均:0.00119ms

 うーん、Chrome Frame のほうが若干高速ですね。( ほとんど変わらないですね。 )しかし、Chrome ( バージョン 30.0.1599.101 m ) で計測すると、結構な差がでました。

createElement: created 10000 elements
getElementById: 0.0004 ms
getElementById: 0.0005 ms
getElementById: 0.0007 ms
getElementById: 0.0005 ms
getElementById: 0.0005 ms
getElementById: 0.0005 ms
getElementById: 0.0005 ms
getElementById: 0.0005 ms
getElementById: 0.0005 ms
getElementById: 0.0006 ms

平均:0.00052ms

 明らかに、Chrome Frame のほうが高速です。倍以上ですね。恐るべし、Chrome。がんばってください、Internet Explorer