HTMLコードをMinify化(圧縮)してWordPressを高速化する方法

　WordPress[※1]ワードプレスで作成したサイトやブログのHTML[※2]エイチティーエムエルコードをMinify[※3]ミニファイ(圧縮)し、表示速度を高速します。具体的には、削除しても表示に問題のない文字列やスペースを、正規表現[※4]を使用して、置き換え・削除を行います。
　また、Minifyすることでソースコードの解読が難しくなりHTMLコードの盗用も防止できます。

スポンサーリンク

HTMLMinify手順

　WordPressにインストールした子テーマに「headerヘッダー.php」と「footerフッター.php」が存在しない場合は、親テーマから子テーマに「header.php」と「footer.php」をコピーしてください。存在する場合はコピーせずに次にお進みください。
(画像はCocoon[※1]コクーンの親テーマから子テーマにコピーした場合)

ヘッダーコードの編集

　「header.php」をWordPressのテーマファイルエディタなどで開き、下記のPHP[※1]ピーエイチピーコードを最上部に貼り付けてください。
(画像はCocoonの子テーマに張り付けた場合)

<?php
function html_minify($buffer) {
    $replace1 = array(
        '/\s+</' => '<',
        '/>\s+/' => '>',
        '/(\s){2,}/' => '\1',
        '/<!--\s?[^\[].*?[^\]]\s?-->/s' => ''
    );
    $pattern = '/<(?:pre|textarea)(?: [^>]+)?>(.+?)<\/(?:pre|textarea)>/is';
    if(preg_match_all($pattern, $buffer, $matches, PREG_SET_ORDER)) {
        foreach($matches as $match) {
            $key = preg_replace(array_keys($replace1), array_values($replace1), $match[1]);
            $replace2[$key] = str_replace("\n", '&#xA;', $match[1]);
        }
    }
    $buffer = preg_replace(array_keys($replace1), array_values($replace1), $buffer);
    if(!empty($replace2)) {
        $buffer = str_replace(array_keys($replace2), array_values($replace2), $buffer);
    }
    return $buffer;
}
ob_start("html_minify");
?>

フッターコードの編集

　「footer.php」をWordPressのテーマファイルエディタなどで開き、下記のPHPコードを最下部に貼り付けてください。
(画像はCocoonの子テーマに張り付けた場合)

<?php ob_end_flush();?>

サイトの確認

　テーマやプラグインなどの開発環境によっては、デザインが崩れるなどの不具合が生じる場合があります。不具合が生じた場合は、追記したコードを削除してください。サイトのデザイン、ソースコードを確認して問題なければ完了です。

HTMLMinify解説

　WordPressテーマの「header.php」と「footer.php」に追記したPHPコード解説していきます。

ヘッダー追記コード解説

フッター追記コード解説

PHP関数解説

　WordPressテーマの「header.php」と「footer.php」に追記したコードで使用したPHP関数を解説します。

正規表現解説

　WordPressテーマの「header.php」と「footer.php」に追記したコードで使用した正規表現と修飾子を解説します。

正規表現

修飾子

まとめ

　HTMLMinifyを適用すると、コードの容量が減りサイトの高速化が期待されるが、JS[※1]ジャバスクリプトやCSS[※2]シーエスエスのMinifyに比べ効果が薄いといわれている。そのため、少しでも不具合が起こる場合は適用しないことをおすすめします。
　しかし、サイトの高速化は積み重ね大事なので高速化効果が0ではないHTMLMinifyは、不具合が起こらない場合や開発環境にあわせてコードを修正できる知識がある場合は積極的に使用することをします。