Movable Type 備忘録
CSS ファイルの圧縮転送
- Next Page: PageBute プラグインをカスタマイズ
- Prev Page: テンプレートセットの作り方
こんばんわ^^
今日は暖かかったですね (●´∀`●)
そのせいか、ウチの猫タンは外に出たがって(いつもだけど)、うるさいのなんのって (; ̄∇ ̄A
とりえあず庭に出してあげるのですが、風が強かったこともあって落ち葉と戯れてました。
明日は寒くなるらしいです (´Д`;)
さて、CSS を gzip 圧縮して転送する方法を、K's Labo さんとこでご紹介されてたので実際にやてみました。
キャッシュ機能も付いてるので、毎回圧縮/展開が行われることはありません。
前にも同じようなことやったことあったのですが、その時とコードが似てるなぁと思って、わたしのメモ帳を検索したらやっぱり同じコードだった (●>∀<●) きゃは
CSS を gzip 圧縮して転送
前提条件として、お使いのサーバで PHP が使える必要があります。
今時のサーバなら PHP はどこでも使えるかと思いますが一応念のため (; ̄∇ ̄A
テンプレートモジュール作成
gzip 圧縮/解凍する以下の PHP コードをテンプレートモジュールとして保存します。
テンプレートモジュール名称は任意で構いません。たとえば「gZip Handler」などで保存します。<?php ob_start ("ob_gzhandler"); header("Content-type: text/css"); header("Cache-Control: must-revalidate"); $offset = 60 * 60;// 60 × 60(sec) $ExpStr = "Expires: " . gmdate("D, d M Y H:i:s", time() + $offset) . " GMT"; header($ExpStr); ?>赤い字の部分はキャッシュ有効時間(秒)を指定してます。
上記では 1 時間だけキャッシュするようになっていますが、各自のお好みで変更してください。CSS ファイル名変更
インデックステンプレート一覧内にある各 CSS ファイルの先頭(1 行目)に以下を追加します。<mt:include module="gZip Handler">赤い字の部分には、先ほど作成したテンプレートモジュール名称を指定します。
そして、CSS の出力ファイル名を xxx.css から xxx.php のように拡張子を変更して保存します。各テンプレートの HTML ヘッダ( <head>~</head> )内で記述している、CSS 読込みの記述を以下のように変更します。
<link rel="stylesheet" href="http://bizcaz.com/styles.php" type="text/css" />赤い字の部分のように、拡張子を .css から .php に変更します。
以上です。
後はブログ全体を再構築して完了です ( ̄∇ ̄)b
複数の CSS を読込んでる人は、2、3 をそれぞれで行う必要があります。
Trackback Pings(0)
No trackbacks found.
Comments(2)
-
#2: Posted by bzbell
[RES]
>>1 かわぐち さん
こんばんわ^^
誰でも分かるように・・・と心がけてはいるのですが、どうも爪が甘いといいますか、微妙に分かりづらかったりするようです

文章ってムズかしいですの


おひょっ、かわぐちです。
いつもの事ながら、丁寧な解説ですねぇ~。
素晴らしい!
私も見習わなくては・・・。