パフォーマンス測定関係についてのおもしろい話がまとまって出てきた感じがしたのでちょっとペースが速いですが更新です。最近のJavaScriptはブラウザ間の高速化などによっていろいろな最適化が行われているため、コードの見た目とは違った結果になることもあります。
またDOMを扱うため、コードが早いだけではなく体感的に早いのかなどについても議論する(非同期ローダーとかまさにそういう話)こともあります。そのため、ブラウザの内部でどんなキャッシュが効いているのかやパフォーマンス計測の手法を知ることは結構大切になってくるはずです。
今回はそういう記事が多いです。
balupton/History.js - GitHub
https://github.com/balupton/History.js
HTML5 History/State APIをすべてのブラウザで使えるようにするライブラリ。
History API未対応のブラウザは#フラグメントを利用したonhashchangeを使っている
jQuery内部のエラー処理について | バシャログ。
http://c-brains.jp/blog/wsg/11/02/13-080934.php
jQueryのエラー処理について。
jQuery.errorのコードを追ってみてわかること
Webfont 사용하기 | FRENDS.KR
http://frends.kr/topics/webfont-%ec%82%ac%ec%9a%a9%ed%95%98%ea%b8%b0/
@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
モバイルアプリケーション開発のためのHTML/CSS/JavaScript関連技術まとめ - Publickey
http://www.publickey1.jp/blog/11/htmlcssjavascript.html
モバイル対応のJavaScriptライブラリや、Titanium Mobileのようなネイティブアプリケーション作成ツールのまとめ。
『Internet Explorer 9 Guide for Developers』
http://msdn.microsoft.com/en-us/ie/ff468705
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 のマイナーな変更点リスト - 葉っぱ日記 (以前の分の翻訳)
Internet Explorer UA Style Sheets
http://www.iecss.com/
IEのバージョン別デフォルトスタイルシート。
IE6-IE9まで
IE9 on Windows Phone - IEBlog - Site Home - MSDN Blogs
http://blogs.msdn.com/b/ie/archive/2011/02/14/ie9-on-windows-phone.aspx
Windows PhoneのブラウザがIE7からIE9になる。
『kriskowal/zip - GitHub』
https://github.com/kriskowal/zip
Node.js向けのunzip実装
ブラウザやパフォーマンス測定について
Fastersite: Chrome’s 10 Caches
http://gent.ilcore.com/2011/02/chromes-10-caches.html
Chromeに入ってる10個のキャッシュ機能について内部コードやソースを参照してそれぞれ解説。本当に正確なベンチマークを取るときにどの部分がキャッシュされているのかを知っておく必要がある。
ゆっくりと… » ブラウザ動作の理解-レンダリングの負荷を測る
http://tokkono.cute.coocan.jp/blog/slow/index.php/web-technology/visualization-of-rendering-activity/
リフローなどの時間をGUIで確認できるツールについての紹介
dynaTrace(IE,Firefox向けベータもでた)とSpeedTracer(Webkit)を使ってリフローの観測
Benchmark.js
http://benchmarkjs.com/
jsPerfでも使われているベンチマーク計測ライブラリ。ブラウザ、コンソール、node.js、Javaアプレット(nano秒対応)とほとんどの環境に対応している。
JavaScriptのコード速度の比較にはjsPerfが便利です
-jsPerf: JavaScript performance playground
各Webブラウザの開発者向けページ - katata_hの日記
http://d.hatena.ne.jp/lars_t/20100411/1271001418
ブラウザ毎の開発者向けページのリンク集
ソースコード、バグリスト、ディスカッションのページのまとめ
InternetExplorerの問題を切り分けする際に使えるもの - katata_hの日記
http://d.hatena.ne.jp/lars_t/20110208/1297187905
IEの障害切り分けするためのツールや方法
デバッグツールの紹介