Joomla!では、CSSやHTMLなどの知識がなくても複雑で細やかなサイトデザインができます。

直感的にレイアウト操作ができるツールなどのを紹介しています。

CSS圧縮ツールでサイト表示を高速化。CSSやJavascriptファイルをminifyで圧縮してみた!

minify-03

ウェブサイトやブログを綺麗に意としたデザインで表示させる際に利用しているCSSやjavascriptなどのファイル。

これらのファイルは、サイトをデザインした方などが、あとで編集がしやすいように改行されていたり、余白やコメントが挿入されています。これらの改行・余白・コメントはファイルサイズを大きくします。そのため、これらのサイズが肥大化したファイルから、改行や余白、コメントなどを削除してファイルサイズを小さくします。そして、ウェブサイトの表示速度を高速化します。

この記事では、CSSやJavascriptファイルを圧縮化(minify化)する便利なツール・オンラインサービスをご紹介します。

CSS Optimizer (CSS最適化ツール)-CSS TIPSCSS MinifierRefresh-SF - Online JavaScript and CSS CompressorCSS CompressorFormat and Minify Your Code Online

一番はじめのCSS Optimizerはこの手のツールでは珍しく日本語化されてますね。

あとがき

5つのツールを使ってみました。同じようにminify化して、余白、空白や改行を削除してみましたが、圧縮後のファイルサイズが結構違っていましたね。

Continue reading
570 Hits
0 Comments