CSS圧縮ソフト CSS Compressorを使ってみた結果
こんばんは。
サイトの表示が遅いのが気になっているので、簡単にできることから…
ということで、CSS Compressorを使って圧縮してみました。
CSS Compressorを使ってみた結果は??
圧縮なし:22.3KB
圧縮後:14.9KB
約6割程度になりました。
にこれでコンマ何秒早くなるんだよwwwって感じですが、きっとこういうことの繰り返しなんでしょうね。
今回使った圧縮ツールはこれ。
CSS Compressor
英語ですが見ればわかると思います。
今回はデフォルトの設定でやっただけですがこんなに減りましたのでそれでもいいかとw
最近は画像をJPGではなくPNG24にして更に容量を小さくするようにも心がけています。
よく使うのはこれ
TinyPNG
圧縮したい画像を画面上にドラッグアンドドロップしてダウンロードすればいいだけ!
圧縮前:275KB
圧縮後:72.8KB
スクリーンショットなので微妙かもですが、ほとんど見た目に違いがなく70%程度軽くなりました。
簡単ですね!
少し処理の遅くなりがちなワードプレス、少しでも快適に見れるようにしたいですね。
ちなみに記事トップの画像も圧縮してみました。
219KB ⇒ 115KBに!
約47%のサイズダウンです。
皆様もぜひ!