*

webkit系のプロパティを残したままCSSを圧縮するメモ

更新

当サイトで使ってるスマートフォン用最適化表示プラグイン WPtouch Pro は、圧縮されたCSSファイル style.min.css を読み込みますので、style.css を編集したら最適化する必要があります。

CSS の最適化で有名なCSS Optimizerでは webkit 系独自のプロパティの -webkit-border-radius などが消されてしまいます。その他の CSS最適化系ウェブサービスでも同じ結果でした。

style.css を style.min.css にリネームするだけでも十分かもしれませんが、テキストエディタを使ってかんたんに自前で圧縮するメモです。

style.css で書かれてる、

といった内容を、style.min.css に書かれてるような一行だけのものに近づけます。

正規表現で置換、削除するもの

  • コメントを削除 /¥*.*?¥*/
  • 改行を削除 ¥n
  • タブを削除 ¥t

テキストの置換だけで削除できるもの

  • 最後の属性値のセミコロンを省略。セミコロンと右中括弧を、右中括弧のみへ: ;} → }
  • 左中括弧の前の半角スペースを省略、左中括弧のみへ: { → {
  • グルーピングに用いてる、カンマの後の半角スペースを省略:, →,
  • コロンの後の半角スペースを省略: : → :

これらでサイズを圧縮し、style.min.css としてアップロード、使用してます。

46,679バイトの style.css が 38,980バイトの style.min.css になりました。

ad

公開: | 更新: | WordPress

ad

関連記事

新着記事

薪割り機のエンジン、しばらくぶりの火入れ式

去年買って大活躍してくれたエンジン式薪割り機。そこまで長く寝か...

記事を読む

2016年フォルクスワーゲン冬のキャンペーンの写真が素晴らしい

フォルクスワーゲンジャパンの今年の冬支度を呼びかけるサイトの写...

記事を読む

薪ストーブの煙突掃除

薪ストーブの煙突掃除に挑戦です。 屋根に登っての作業がベ...

記事を読む

ワーゲンバスはやっぱり「遊び」のシンボルだ

ワーゲンバス、安定して広告に使われてますね。今は売られてないクルマなの...

記事を読む

過去記事を検索できる! buslog Antenna をアップデートしました

めっちゃ久しぶりに、空冷ワーゲンブログを巡回して一覧にする『b...

記事を読む

コメントを残す

メールアドレスが公開されることはありません。

ad

薪割り機のエンジン、しばらくぶりの火入れ式

去年買って大活躍してくれたエンジン式薪割り機。そこまで長く寝か...

2016年フォルクスワーゲン冬のキャンペーンの写真が素晴らしい

フォルクスワーゲンジャパンの今年の冬支度を呼びかけるサイトの写...

薪ストーブの煙突掃除

薪ストーブの煙突掃除に挑戦です。 屋根に登っての作業がベ...

ワーゲンバスはやっぱり「遊び」のシンボルだ

ワーゲンバス、安定して広告に使われてますね。今は売られてないクルマなの...

過去記事を検索できる! buslog Antenna をアップデートしました

めっちゃ久しぶりに、空冷ワーゲンブログを巡回して一覧にする『b...

→もっと見る

  • follow us in feedly
  • my bus

    buslogは、Volkswagen Type2(通称ワーゲンバス、略称バス)に乗るmasahiroのサイトです。バスの日々のメンテナンスやドライブ、試したアイテム、バスやクルマ一般についての情報を主に取り上げたブログがメインです。

PAGE TOP ↑