Geeklog-1.8.1のスタイルシートを最適化する
- 2012年1月 8日(日) 16:17 JST
- 投稿者: mystral-kk
- 表示回数 6,024
dengenさんの実験に刺激を受けて、スタイルシートの最適化を行ってみた。その成果はこちらからダウンロードできる。実行したことは、次の3つ:
- @import命令を削除して、対象ファイルをインラインで展開する。
- url()関数の引数をstyle.cssからの相対パスに書き直す。
- CSSファイルをminifyを使ってMinify（縮小化）する。
ノートPC上のWAMP環境でGoogle Chrome-16.0.912.75 + Page Speedを使用して、professional_cssテーマで測定すると、次のような結果になった。
| 項目 | style.css最適化前 | style.css最適化後 |
|---|---|---|
| リクエスト数 | 49 | 15 |
| 転送量 | 132.32KB | 74.74KB |
| 転送時間の平均値(秒) | 1.14 | 0.68 |
上記のデータはあくまで自分の環境での測定結果なので参考程度にとどめておいて欲しいが、割と効果を実感できそうな最適化ではある。