サイト運営しているうちにCSSがものすごい大きくなってしまうことがありますよね。昔使用していたCSSがそのままだったり、もしくはコメントアウトしたものが残っていたりなどです。そういった不要なCSSをサイト表示速度改善のためにCSS圧縮をすることがあります。
すると、だいたい1行にまとめられて結構な縮小になります。
人気記事
車のキーナンバー確認方法。キーレス紛失や壊れた時
143,394件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく
103,047件の PV
Windows10,Windows8.1プロダクトキー確認方法
75,169件の PV
Windows10でエラーコード0x800705b4の対処方法
67,185件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整
39,471件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。
38,014件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
37,844件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法
37,184件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法
35,563件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法
30,117件の PV
その後、サイト運営を続けているうちにCSSが同じようなことになりつつあることがあります。
しかし、以前のCSSをCSSminifyなどにて1行に圧縮してしまった為に古いCSSのどこのどの部分がどこに該当するのかわかりにくくなってしまいます。
以下のようになってしまいます。
なので、CSSの圧縮は有名ですが逆の圧縮を元に戻すCSS整形をすることにより見やすくなります。
CSS整形が可能なサイト一覧は以下になります。
上記の中でも一番おすすめなサイトは一番はじめに紹介したDirtyMarkup Formatter - CSS Beautifier for Stylesheetsサイトですかね。
CSS整形後は以下のように人の目で見てわかるように修正・整形・直してくれます。
それぞれのCSSが見やすくなります。
その他のCSS整形サイトもみんな綺麗に整形してくれます。それぞれのサイトで整形後の容量が少しだけ異なりますが長過ぎる（多すぎる・大き過ぎる）CSSだとわかりにくいです。
CSS整形後の容量が一番少ないツールサイトをご利用されるか、CSS整形後の容量が一番多いツールサイトをご利用されるかなど、
CSSの整形後の容量で、どのサイトが一番自分の使用しているCSS合っているのかの判断材料にしても良いのかもしれません。
関連記事
-
高梨沙羅さん綺麗になって相武紗季さん似になった気がする。
もう言わずと知れた女子スキージャンプ（ラージヒルジャンプ）で超有名人である高梨沙羅選手です。 最近テレビを見て、あれっ、ものすごくキレイになったなぁと思いました。そして、2014年に行われた冬季オリン…
-
WordPressFTPソフトでダウンロード出来ない場合の対処方法
WordPressのアップデート・アップグレードには必須と言っていいFTPソフト（FFFTPなど）でのサーバー上の大事なフォルダ類のバックアップです。 一応、バックアップ対象フォルダはwp-conte…
-
仮歯が取れた！！そんな時どうしたら良いのか2つの方法
多くの方々はこれまでの人生において歯医者さんに行ったことがない人というのはほとんどいないと思います。 なぜなら、小学生の時などには必ず歯科検診もあるからです。 この歯科検診を含めれば、 すべての人が歯…
「WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧
おすすめの記事一部広告
comment