日々の運営日記などの記事ばかりですが、時々プライベート日記も書いています♪

ホームページ素材お助けマンのブログ

無料素材イラスト素材 他フリー素材の修正
























少しでもサイトの表示速度を上げたい方に必見!


ファイルサイズを軽くしたり、同一要素を最適化するだけで表示速度が上がるツール、
そしてCSS最適化ツールCSSファイルを圧縮し最適に並び替えなどを行うためのツールです。


CSS Optimizer (CSS最適化ツール)

CSSコード欄に貴方のCSSをコピーして張り付け「最適化ボタン」を
クリックするだけで最適化してくれます。


またオプションで設定も出来ますが基本的には、このままでOK!
すると下に最適化したCSSが表示されていますのでコピーして終了です。



CSS最適化

44%圧縮率と、約半分のサイズにまで減らす事ができました。



※ただし私は大丈夫でしたけど、まれにレイアウトの崩れなどのトラブルが発生するケースがあるようなので一度バックアップをとった上で試してみるとよいでしょう!

とは言え最適化した後のCSSは編集がしづらいくなるので「CSS編集前」というフォルダに別に置いておき、その都度最適化するようにするのが良いと思います。

コメント

コメント/トラックバックはまだありません

トラックバック

コメントをどうぞ

uO