2017年9月24日(日) 06:35 JST

Geeklog-1.8.1のスタイルシートを最適化する

  • 投稿者:
  • 表示回数 3,736
Geeklog

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最適化後
リクエスト数4915
転送量132.32KB74.74KB
転送時間の平均値(秒)1.140.68

上記のデータはあくまで自分の環境での測定結果なので参考程度にとどめておいて欲しいが、割と効果を実感できそうな最適化ではある。