HTMLをMinifyして表示速度アップ

WordPressのHTMLを圧縮する

プラグインなしでMinify化

WordPress用のHTML圧縮プラグインを用いることで簡単にソースコードをMinify化することができますが、

プラグインを使わずにMinify化する方法もあります。

ダウンロード

Easy Trick to Minify HTML, Javascript and CSS without Plugin

上のページ(InterT3chMedia.Net)で紹介されているコードを使って、プラグインを利用することなくHTMLをMinify化することが可能です。ページ内の[View Code]のリンクをクリックすると、PHPのプログラムが表示されます。

minifier-script

表示されたPHPのソースコードをコピーしてfunctions.phpの最後に貼り付ければ、HTMLが常時圧縮された状態で出力されるようになります。

使ってみた状態

html-compress

functions.phpにソースコードを追加して、ページを表示すると、HTMLのソースコードに圧縮状況がコメントとして追記されます。

プラグイン版

InterT3chMedia.Netで紹介されているコードを使ってプラグインなしでHTMLをMinify化することが出来ますが、WordPressのプラグイン版がgithubでダウンロードできるようになっています。

cferdinandi/html-minify

使い方は、

  • githubからダウンロード
  • wp-content/pluginsに配置
  • 管理画面で有効化

他のプラグインと同じ方法でプラグインを有効化すれば、HTMLをMinify化して出力することが出来るようになります。

その他のプラグイン

WP Super Minify

wordpress.orgに登録されているプラグインでは、WP Super Minifyが定番のようです。このプラグインでは、内側で

Minify PHP Framework

を利用しているようなので、詳細な仕様を調査する際には、こちらのページも確認してみると良いと思われます。

Webエンジニアブログにコメント

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

HTMLをMinifyして表示速度アップの記事にコメントを投稿

高速化