Fork me on GitHub

2011-02-15のJS: IE9の変更点、デバッグツール、パフォーマンス測定

Edit on GitHub 編集履歴を見る

パフォーマンス測定関係についてのおもしろい話がまとまって出てきた感じがしたのでちょっとペースが速いですが更新です。最近のJavaScriptはブラウザ間の高速化などによっていろいろな最適化が行われているため、コードの見た目とは違った結果になることもあります。
またDOMを扱うため、コードが早いだけではなく体感的に早いのかなどについても議論する(非同期ローダーとかまさにそういう話)こともあります。そのため、ブラウザの内部でどんなキャッシュが効いているのかやパフォーマンス計測の手法を知ることは結構大切になってくるはずです。
今回はそういう記事が多いです。

HTML5 History/State APIをすべてのブラウザで使えるようにするライブラリ。
History API未対応のブラウザは#フラグメントを利用したonhashchangeを使っている

jQueryのエラー処理について。
jQuery.errorのコードを追ってみてわかること

@font-faceでのWebフォントについての記事
こちらにどんな感じの内容かを簡単に書き出してあります。
-
WebフォントをWindowsでも綺麗に表示するためには | JSer.info

The Difference Between jQuery’s .bind(), .live(), and .delegate() - Alfa Jango Blog
http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/

jQueryの.bind(), .live(), .delegate()違いや仕組みの説明などについての記事。
こちらも簡単に内容を書き出してあります。(自分の理解のためだったりしますが…)
-
jQueryの.bind(), .live(), .delegate()の違い | JSer.info

モバイル対応のJavaScriptライブラリや、Titanium Mobileのようなネイティブアプリケーション作成ツールのまとめ。

IE9での変更点をまとめた開発者向けのページ

IE9 RC Minor Changes List - EricLaw’s IEInternals - Site Home - MSDN Blogs
http://blogs.msdn.com/b/ieinternals/archive/2011/02/11/ie9-release-candidate-minor-changes-list.aspx

IE9のマイナーな変更点の一覧。
追記:@hasegawayosukeさんが今回も訳してくださったようです。
-IE9 RC マイナーな変更点リスト - 葉っぱ日記 (今回の分の翻訳)
以前書かれていたIE9 Beta Minor Changes List - EricLaw’s IEInternals - Site Home - MSDN Blogs改訂版のようです。
-
IE9 Beta のマイナーな変更点リスト - 葉っぱ日記 (以前の分の翻訳)

IEのバージョン別デフォルトスタイルシート。
IE6-IE9まで

Windows PhoneのブラウザがIE7からIE9になる。

Node.js向けのunzip実装

ブラウザやパフォーマンス測定について

Chromeに入ってる10個のキャッシュ機能について内部コードやソースを参照してそれぞれ解説。本当に正確なベンチマークを取るときにどの部分がキャッシュされているのかを知っておく必要がある。

リフローなどの時間をGUIで確認できるツールについての紹介
dynaTrace(IE,Firefox向けベータもでた)とSpeedTracer(Webkit)を使ってリフローの観測

jsPerfでも使われているベンチマーク計測ライブラリ。ブラウザ、コンソール、node.js、Javaアプレット(nano秒対応)とほとんどの環境に対応している。
JavaScriptのコード速度の比較にはjsPerfが便利です
-jsPerf: JavaScript performance playground

ブラウザ毎の開発者向けページのリンク集
ソースコード、バグリスト、ディスカッションのページのまとめ

IEの障害切り分けするためのツールや方法
デバッグツールの紹介

この記事へ修正リクエストをする
JSer.info Slackに参加する