ページ表示速度マニュアル・ガイド
表示速度の改善が必要なときに以下を実施してください。
ファイルデータサイズの削減
画像
- 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を指定する。