CSSファイルの圧縮でサイトの表示速度はどれだけ変わるのか実験 - PCあれこれ探索このブログで実験してみました CSSの圧縮でサイトの読込速度の短縮に繋がるのかを実験してみました ちゃんと効果はあるようで期待した結果が出ました。 実験に使用したCSSの圧縮サービスが Online JavaScript/CSS Compression Using YUI Compressor こちらのサービスを利用してCSSの圧縮をしてみました 圧縮の仕方 ①一番上の赤枠 Filesを選択 ②ファイルを選択でCSSファイルを読込ます ③File Type 「CSS」にして ④Compressをクリック これで表示されたソースをCSSに書き込んで完了です 左から右の様にCSSファイルが出来ます 改行など無駄なコードも全て無くなりますので 人間は見にくいですが、機械は読みやすい様です。 実際に圧縮前と圧縮後の計測 左が圧縮前 右が圧縮前 layouts.css は大きなCSSファイルでは無い
