今日は2025年4月20日です。
メルカリ招待コード：
サイト運営しているうちにCSSがものすごい大きくなってしまうことがありますよね。昔使用していたCSSがそのままだったり、もしくはコメントアウトしたものが残っていたりなどです。そういった不要なCSSをサイト表示速度改善のためにCSS圧縮をすることがあります。
すると、だいたい1行にまとめられて結構な縮小になります。
人気記事一覧
車のキーナンバー確認方法。キーレス紛失や壊れた時
151,292件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく
107,003件の PV
Windows10,Windows8.1プロダクトキー確認方法
75,767件の PV
Windows10でエラーコード0x800705b4の対処方法
67,244件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
47,282件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整
40,921件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。
38,228件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法
37,261件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法
36,833件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法
36,379件の PV
その後、サイト運営を続けているうちにCSSが同じようなことになりつつあることがあります。
しかし、以前のCSSをCSSminifyなどにて1行に圧縮してしまった為に古いCSSのどこのどの部分がどこに該当するのかわかりにくくなってしまいます。
以下のようになってしまいます。
なので、CSSの圧縮は有名ですが逆の圧縮を元に戻すCSS整形をすることにより見やすくなります。
CSS整形が可能なサイト一覧は以下になります。
上記の中でも一番おすすめなサイトは一番はじめに紹介したDirtyMarkup Formatter - CSS Beautifier for Stylesheetsサイトですかね。
CSS整形後は以下のように人の目で見てわかるように修正・整形・直してくれます。
それぞれのCSSが見やすくなります。
その他のCSS整形サイトもみんな綺麗に整形してくれます。それぞれのサイトで整形後の容量が少しだけ異なりますが長過ぎる（多すぎる・大き過ぎる）CSSだとわかりにくいです。
CSS整形後の容量が一番少ないツールサイトをご利用されるか、CSS整形後の容量が一番多いツールサイトをご利用されるかなど、
CSSの整形後の容量で、どのサイトが一番自分の使用しているCSS合っているのかの判断材料にしても良いのかもしれません。
comment