Douglas Crockford「Ajax Performance」

YUI Theaterもの

Impressive Pixel ≫ Transcript: Douglas Crockford  "Ajax Performance"

YUI TheaterでDouglas Crockfordがやったレクチャーの口述筆記。お題は「Ajax performance」。

斜め読んだ内容。

• ウェブアプリの最適化への着手は、ウェブアプリ自体が正確に動作した後で手をつけるべき
• JSのプログラミングではコーディングルール作れ
• 初心者は経験者から学べ
• コードに例外の追加は必要になるまで控えろ
• ソノアニメーションは必要かを考えろ
  • リソースを食ってないか
  • ウェブアプリのほかの部分の邪魔になってないか
• DOM操作はパフォーマンスを下げがち
• 新規ノードの操作はDOMツリーに追加する前にした方が速くなる
• innerHTMLは効率悪そうにみえるが、DOM操作は1回だけなのでオススメ
• IE8
  • 43％の時間ををレイアウト
  • 27%をレンダリング
  • 3%未満なのは、htmlのパース。ブラウザが最も得意としているプロセス
  • 7%の時間はmarshalling。ActiveXが理由らしい
  • 5%がDOM
  • 8%がCSSのフォーマット
  • 3%がJS
• Gmail
  • JSは15％しかリソース使ってない。ここを改善しても効果は実感できない
  • ネックはCSS。hoverとかちょっとしたエフェクトがクソ重くさせてる