ページ最適化メモ
ページの最適化
- html :
- css :
- grunt fileを作るテンプレートを用意しておく
imageの軽量化
- 使ってないクラスなどが無いか？
- 使ってないクラスを消去するgruntタスクあり
- クラスの分け方を変更する
- marginやpadding、position系は単体のクラスにしておく（m6とかp6とかのクラスを指定）
- テンプレートとなるものを作っておく（stylus or sass）
gzipにする
css、jsをまとめる
- ページごとで必要なcssをまとめて一枚のcssにする
- ものによっては共通のcssとページごとのcssにする
- jsはまとめる
- webpackかBrowserifyを使う
- requireはどうしても必要そうな時に使う
loadのリクエストを減らす
- imageのlazy load（あと読み）を使う
- spritesheetにする（Ensighten/grunt-spritesmith · GitHub）
- まとめられるものはまとめる
- キャッシュを使う
とりあえずメモ
