WordPressこんにちは、marubon(@marubon_jp)です。サイト表示速度を高速化する手法の一つとして、ファイル圧縮(Minify)があります。このエントリでは、MinifyするためのWebサービスやWordPressプラグインを紹介します。スポンサーリンクアウトライン本エントリのアウトラインです。ファイル圧縮(Minify)とはファイル圧縮(Minify)を行う方法まとめスポンサーリンクファイル圧縮(Minify)とはWebサイトの表示高速化には、基本的に「データ容量の削減」、「HTTPリクエスト数の削減」、「各処理プロセスの速度向上(HTTPリクエスト~Webブラウザ上の描画)」の3つを柱として、これらをブレイクダウンした施策を実施します。ファイル圧縮(Minify)は、「データ容量の削減」のためのテクニックです。HTML、CSS、JavaScriptには、何も対処をしていない場合、ブラウザ描画には必要のない改行や空白、コメントが含まれています。これらを取り除きファイルサイズを削減するのがファイル圧縮(Minify)です。Minifyによりデータ容量が削減されるのでダウンロード時間が短縮され、結果的にサイト表示速度が改善されます。Compressor使用)を紹介します。#e2e2e2}データ容量がMinify前と比較して、gzipしない状態で約40%、gzip状態で約30%削減されています。ファイル圧縮(Minify)を行う方法ファイル圧縮(Minify)を行う方法を紹介します。圧縮(Minify)方法ファイル圧縮(Minify)の方法として、以下を紹介します。MinifyのWebサービスの利用Minify機能を提供しているWebサービスを利用します。WebサービスにMinify前のソースを入力するとMinifyされたソースを出力してくれます。ユーザが手動でソースの置き換え(元ファイル→Minifyされたファイル)を行う必要があります。元ファイルをMinifyされたファイルで上書きします。Minifyプラグインの利用WordPressのMinifyプラグインを利用します。設定を行うだけで、ソースの圧縮から置き換え(元ファイル→Minifyされたファイル)まで自動で行ってくれます。Minifyされたファイルは別ファイルとして生成されるので、元ファイルは改変されません。WordPress等プラグインを使用可能な環境の場合は、Minifyプラグインの使用をおすすめします。理由は、元のソースコードを直接いじる(置き換える)わけではないので、メンテナンス性を維持したままサイト表示速度の改善ができるからです。WordPressの場合はテーマのCSS、JavaScriptに目が行きがちですが、導入しているプラグインのCSS、JavaScriptを忘れてはいけません。MinifyのWebサービス各種MifinyをしてくれるWebサービスを紹介します。CompressorJavaScriptとCSSの圧縮(Minify)Webサービスです。CompressorpackerJavaScriptの圧縮(Minify)Webサービスです。CompilerJavaScriptの圧縮(Minify)Webサービスです。CodeHTMLの圧縮(Minify)Webサービスです。CodeMinifyプラグインMinifyを自動で行ってくれるWordPressプラグインを紹介します。プラグインの最適な設定はサイト構成に依存します。プラグインの各種設定項目の動作を理解した上で、試行錯誤しながらチューニングする必要があります。適切な設定をすれば高い効果を得られますが、不適切な設定の場合は逆にサイト表示速度が落ちる場合があるので注意して下さい。Minify機能を使用等)は可能ですが、基本的に同機能プラグインの併用は避けて下さい。正常に表示されなくなる場合があります。WP-MinifyHTML、CSS、JavaScriptを圧縮(Minify)を専門としたWordPressプラグインです。PluginsAutoptimizeHTML、CSS、JavaScriptを圧縮(Minify)を専門としたWordPressプラグインです。Cleanerヘッダのカスタマイズ総合プラグインです。HTML、CSS、JavaScriptの圧縮(Minify)機能も備えています。Cacheキャッシュ機能を中心とした総合的なパフォーマンス改善プラグインです。HTML、CSS、JavaScriptの圧縮(Minify)機能も備えています。Pluginsまとめサイト表示速度を高速化する方法として、ファイル圧縮(Minify)を行う方法を紹介しました。HTML、CSS、JavaScriptのデータ容量を削減し、ダウンロード時間を短縮するテクニックでした。更新情報は以下にて配信しています。しながら様々な工夫(ライフハック)をアウトプットしていきます。STINGER3の時代が来た。しながら様々な工夫(ライフハック)をアウトプットしていきます。STINGER3の時代が来た。