YUI Compressor version 2.2.5を使ってみた
スポンサーリンク
10月19日に YUI Compressor の 2.2.5 がリリースされていた。
ネットワークの転送量やディスクI/Oを減らそうと思って、css を minify することにした。
YUI Compressorのダウンロード
yuicompressor をダウンロードして、unzip します。
cssを圧縮する
cssをyuicompressorを使って、minifyします。
javaコマンドが必要です。
大体 30% ぐらいの縮小になった。
ネットワークの転送量やディスクI/Oを減らそうと思って、css を minify することにした。
YUI Compressorのダウンロード
yuicompressor をダウンロードして、unzip します。
fetch http://www.julienlecomte.net/yuicompressor/yuicompressor-2.2.5.zip unzip yuicompressor-2.2.5.zip cd yuicompressor-2.2.5 java -jar yuicompressor-2.2.5.jar
cssを圧縮する
cssをyuicompressorを使って、minifyします。
javaコマンドが必要です。
java -jar yuicompressor-2.2.5.jar main.css > main-min.css 薫% ls -l main.css main-min.css -rw-r--r-- 1 kaworu users 1604 11 9 01:07 main.css -rw-r--r-- 1 kaworu users 1128 11 9 01:08 main-min.css
大体 30% ぐらいの縮小になった。
1128 / 1604 = 0.70324189526184538653
ちょっと改行が入ってるけど、だいたいこんなカンジになった。
body{color:black;background-color:white;}img{border:0;}img.img_thumbnail{width:130px;height:97px;}div.youtube_image_s{float:left;width:100px;height:100px;text-align:center;}div.youtube_image_t{float:left;width:150px;height:150px;text-align:center;}div.youtube_image_m{float:left;width:280px;height:280px;text-align:center;}div.youtube_image{float:left;text-align:center;}div.youtube_image_o{float:left;text-align:center;}div.youtube_image_list{float:left;}div.pager div{float:left;width:40px;}div.youtube_photos_detail_title{background:#efe;}div.youtube_photos_detail_description{background:#efe;}div.comment_user{background:#eee;}div.comment_body{background:#fff;margin:20px;}div.youtube_photos_detail_camera{background:#fafaea;margin:20px;}div.youtube_video_list{float:left;}div.youtube_video_list_author{width:170px;background:#fee;}div.youtube_video_list_title{width:170px;background:#eeefef;font-size:12px;}div.youtube_video_list_item{width:180px;height:200px;float:left;}div.youtube_video_list_item img{padding:10px;}h1.youtube_detail_h1{font-size:18;background:#eefeef;}div.youtube_video_detail_title{background:#ccccef;}
スポンサーリンク
スポンサーリンク
いつもシェア、ありがとうございます!
もっと情報を探しませんか?
関連記事
最近の記事
- パナソニック ジェットウォッシャードルツ EW-DJ61-Wのホースの修理
- LinuxセキュリティモジュールIntegrity Policy Enforcement
- アマゾンのEcho Show 5を買ったのでレビューします
- アマゾンのサイバーマンデーはAlexa Echo Show 5が安い
- Android スマートフォン OnePlus 7T と OnePlus 7の違い
- Android スマートフォン OnePlus 7 をAndroid10にアップデートしてみた
- クレジットカードのバーチャルカードの比較のまとめ
- 活動量計 Xiaomi Mi Band 4を買ってみたのでレビュー
- Android スマートフォン OnePlus 7 のレビュー
- AliExpressでスマートフォンを買い物してみた
- パソコンのホコリ対策 レンジフードフィルターと養生テープ
- 80PLUS GOLDのPC電源ユニットAntec NeoEco 750 Goldのレビュー
- イギリスの付加価値税 VAT は払い戻しを受けられる
- イギリスのロンドンでスーツケースなど荷物を預けられる場所は
- イギリスのロンドンで地下鉄やバスに乗るならオイスターカードを使おう
- イギリスのヒースロー空港からロンドン市内への行き方
- 航空便でほかの航空会社に乗り継ぎがある場合のオンラインチェックイン
- SFC会員がANA便ではなくベトナム航空のコードシェアを試して解ったこと
- ベトナムの入国審査でeチケットの掲示が必要だった話
- シアトルの交通ICカードはオルカカード(Orca)です
人気のページ
- Windows7 IME 辞書ツールで単語の登録に失敗しました
- C言語 popen()でコマンドを実行して出力を読み込む
- Windows7で休止状態にする方法
- CentOS MySQLの起動、停止、再起動
- loggerコマンドでsyslogにエラーを出力する方法
- パソコンパーツの買取をしてくれる店のまとめ
- Java Mapの使い方 get(),put(),remove(),size(),clear()
- 楽天のRポイントカードを作ってみた
- iPhone 5 から iPhone 6 に乗り換えたのでレビュー
- netstatコマンドのステータスの意味
スポンサーリンク
過去ログ
2020 : 01 02 03 04 05 06 07 08 09 10 11 122019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12