サイト移転しました → GLOSSY

     
  1. >
  2. >
  3. CSSを圧縮(mi…
  • 最終更新日:
  • 投稿者: @signpostme

CSSを圧縮(minimize)させることが可能なWebサービス「YUI Compressor」

CSSやHTML、JSなどと言ったファイルは容量が大きくなればなるほどページの読み込み時間に影響が出てきてしまいます。そういった問題点を改善するためにも、ファイルの圧縮(minimize)処理が必要になってきます。過去にJSを圧縮するサービスをご紹介しましたが、今回はCSSを圧縮させるツールをご紹介します。

簡単でシンプルな機能を持つ定番CSS圧縮ツール「YUI Compressor」

スクリーンショット 2013-12-13 0.09.01Online JavaScript/CSS Compression Using YUI Compressor
 
昔からある定番のCSS圧縮ツールです。
シンプルな機能、インターフェースと使いやすいツールになっています。
 
 

使い方解説

1. 圧縮したいCSSコードをフォーム内にコピペして、下のセレクトボックスから「CSS」を選択します。
スクリーンショット 2013-12-13 0.10.03
2. 「Compress」ボタンを押します。
スクリーンショット 2013-12-13 0.10.14
3. 圧縮されたCSSコードが出力されるのでコピーして使用しましょう。
スクリーンショット 2013-12-13 0.10.26
 

簡単便利、JSコードも圧縮可能

CSSだけでなく、JSコードも圧縮することができるので非常に便利です。
その他、細かい設定も行えるのでぜひ活用してユーザー想いのサイト作りを目指してください。
 

新着記事を見る

TOP