ページ表示速度マニュアル・ガイド

表示速度の改善が必要なときに以下を実施してください。

ファイルデータサイズの削減

画像

JPEG・PNG
https://tinypng.com/
画像の保存方法でも記載があります。photoshopのプラグインも有償ですが導入可能です。
GIFアニメ
GIF animation online optimization
圧縮方法はLossy GIF level 30 (slight)を標準としてください。

javascript

Closure Compilerを使用して軽量化してください。軽量化するやり方に、Whitespace Only、Simple、Advancedの3つの選択肢がありますが、Simpleを選択してください。軽量化したファイルは、common.min.js として新規ファイルとして保存して、動作チェックを必ず行ってください。

レンダリング速度の改善

  • CSSファイルを優先して読み込む。
  • javascriptは</body>の直前に読み込むか、非同期で読み込む。
  • imgタグにはwidthとheightを指定する。