Joomla!,Wordpressでサイトを構築するためのヒント

CSSを圧縮する

公開日| 2009年10月25日 | コメントはまだありません。

CSSを圧縮するサイトは、現在では、いっぱいあります。
そもそも、そのはしりとなったのは、yuicompressorです。

圧縮というとzipやgzなどの圧縮を思い出しますが、ここでの圧縮は、縮小?とでも表現すべきでしょうか・・・。
圧縮といっても、zipやgzなどとは異なり、コメントや空白、同じ情報をまとめるなど、基本的に無駄なコードを破棄してサイズを小さくするものです。

動作環境にjavaが必要です。
ダウンロードは、こちらです。

解凍して、jarファイルをコピーして使います。
java -jar yuicompressor.jar [options] [input file]

例)
java -jar yuicompressor.jar template.css -o template.css.o

の感じで、
template.cssをtemplate.css.oのファイルへ圧縮してくれます。

普通に半減ぐらいはしますね。

このyuicompressor以外は、ベースは同じもので、いろいろと圧縮の技術を試みているものも多いです。
同じ論理で、javascriptも圧縮できます。

ただ、CSSを圧縮しすぎると表示が少し崩れる(色が異なるなど)がありますので、使う場合は、気をつけた方が良いですね。
yuicompressorは、そんなことは、ありませんので、結構、安心して使えます。(圧縮幅の他に比べれば、多少、落ちます)






コメント

コメントをどうぞ








翻訳

最近の記事

カテゴリー

タグクラウド

execute remove フロントページ 投稿ページ トップページ install WIndows Note Convert META generator 日付 donwload file manage multibyte utf-8 unicode shiftjis euc console サイトマップ 問題 ParmaLink Redirect パーマリンク はみ出る pre テンプレート テーマ タグクラウド マルチランゲージ リダイレクト PHP(タグ) タグ table control HTML(タグ) コマンド 国際化(翻訳) SQLite(タグ) MySQL(タグ) qTranslate プラグイン(タグ) Wordpress(タグ)

リンク

このサイトは?

Joomla!,WordpressなどCMSを使ったサイト構築、サイト管理からソフトウェアの使用方法、開発環境までのヒントを記述します。

  • はてなブックマークへ追加する
  • Facebookでシェアする
  • twitter でつぶやく
  • Google Plusでシェアする
  • Pocketでシェアする
ページトップへ