読者です 読者をやめる 読者になる 読者になる

以下斜め読んだ内容

pseudo translation of useful posts, book reviews, remarks,etc. twitter: feeddict

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とかちょっとしたエフェクトがクソ重くさせてる