冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。

■ JavaScript 体感速度を上げるいくつかの手のメモ 02:46

• DOMContentLoaded ですら遅いので、HTML 生成時に script 要素を各所に埋めこんで処理を先走りさせる
  • DCL 前に通信を開始できるなら意味があるかもしれない
  • document.write する script (広告とか) があると DCL が遅延するので価値があがる
• 初期表示に必ず XHR による通信が必要なコンテンツを localStorage にキャッシュして次回はとりあえずそれを表示させてから通信を走らせる
  • ユーザを一瞬騙すけど気持ちはよくなる
• JSONP を Cross Origin XHR に置きかえる
  • ステータスバーに余計な表示がでない分気持ちよくなる
  • URL が長くなりすぎる場合、POST でリクエスト数を減らせることがある
• エフェクトの実行時間自体を半分にする、あるいはなくす
  • というかエフェクトは基本的に通信が同時に走るとき以外はしない、というルールにしたほうがよい
    • 通信が入る場合はエフェクトが入ったほうが待っている時間が短かく感じる
• とりあえずでもいいのでユーザのアクジョンの結果は先にだす
  • アクション → 未確定 → 確定とちゃんと見た目が遷移するように

[続きを書く]