【WPテーマを軽くカスタマイズ】プチ静的化して、データベースアクセスやPHPファイルをへらしつつ同じデザインで

      2021/02/16   1817文字

今回は管理人も利用しているWP(wordpress)サイトで、ちょっとだけ静的に表示できるようにしました。
WPテーマをプチ静的化
『サーバーでプログラム実行やデータベースから取得』みたいな処理が少なくなるので、負荷対策になるかもしれません。さっそくやってみましょう。

■WPは動的な生成・では静的ページのメリットは?

このサイトでも取り上げているWPは通常、『サーバー側でPHPを実行したり、データベースから本文を読み出したりして、サイトを動的に生成』します。それゆえ『重い』とよくいわれます(実際テーマや、低価格サーバーによってはすごく重い)。

しかし、『HTML/CSS/JS』だけで組まれたシンプルなサイトは、そのような処理が発生しないので、『比較的軽い』といえます。表示スピードでアドバンテージがあると、今後のスマホ検索順位などにも影響してきそうです。

■wpを静的ページに・プラグインで対応『Simply Static』

wpを静的ページにするプラグイン
管理人はまだ試してないんですけど、『静的ページを生成するプラグイン』があります。

■WPテーマをプチ静的化カスタマイズ例

ここでは、管理人がWPテーマのパーツを静的HTMLに置き換えるなど、プチ静的化を紹介します。(やった理由は、サーバーにいろんなサイトが入っているので、PHPプログラム実行やデータベースアクセスなどを減らして、サーバー負荷とか動作重いのを予防したかったからです。)

■ヘッダーのロゴなどは、直接画像URLを貼る(header.php)

ロゴなどは、直接画像URLを貼る
header.php内の『メインビジュアル・ロゴなどを出力するPHP』を、単純に画像URLに置き換えました。ここはほぼ全ページで共通なので、『ページごとに条件分岐して表示を変える、みたいな動的な処理』をやらなくてもいいかなーと思ったからです。

■sns.phpはカットし、直接single.php内に移植

sns.phpはカット
管理人のテーマは、昔のバージョンのstingerを改造したものなんですけど、『get_template_part』で、snsウィジェットのPHPファイルを読み込む部分がありました。

直接single.php内に移植
single.php内に直接貼りました。注意するポイントは、『記事ごとにシェアするurlを対応させるには、PHPが最低限必要』ということです。生成したあとのhtmlを貼っても、トップ記事とかしかtwitterに読み込まれないからです(あまり速度は変わらないかも)。でも、構成ファイルが1個減ったので良しとします。

■(stingerテーマなど)そのほか使わないphp(広告ウィジェットとか)

テーマによっては、広告ウィジェットを出力するphpファイルがあります。アドセンスコード入れると、サイドやフッター・記事下とかに出すアレですね。管理人は無謀にも、広告ウィジェット用phpもカットしました。アドセンス自動配信コードを取り入れたので、後はそっちに任せます。
そもそも、アフィリエイトのぶろぐでもないし、アドセンスが一番の収益ポイントでないので、こういうことをやっても大丈夫なわけです。

アドセンスは自動表示してくれるけど、通常のアフィリエイトバナーは、クリック率・視認性が良い位置に貼る必要があります。適切な位置にチューニングされたウィジェットは、カットしないようにしましょう。)

■プチ静的化実行して、ファイル数字・サイズを大幅削減・突き詰めると高速化にもメリット

テーマ構成ファイル数が、こんなに少なくなった
PHPファイルをカットして静的HTMLに置き換えたりした結果、テーマファイル数が、こんなに少なくなってしまいました。
さっき管理人のスマートフォン(BIGLOBEでんわ・MVNOなんで昼はクソ遅いとされている)で、キャッシュクリアしてから表示してみたところ、『(状況にもよりますが)二秒くらいでサクッと表示した』ので、突き詰めていくとWP高速化にもつながりそうです。

とりあえず、カスタマイズテーマの容量は、最近のテーマではありえないくらい小さくできました。みなさんも、必要な機能との兼ね合いを考えながら、プチ静的化もやってみてください。


【カテゴリ】 - webサイト高速表示
【タグ】 -

  関連記事

【WordPress高速化プラグイン】Speed Up-JavaScript To Footerで、表示速度を速くする方法
【wordpress限界高速化】Pjax技術を使ってサイトを高速表示するプラグインと、エラーの対処
【WPテーマを軽くカスタマイズ】プチ静的化して、データベースアクセスやPHPファイルをへらしつつ同じデザインで
ページ高速表示~正規URLとリダイレクトで、速度スコアが10点近く違う件
CSSを限界圧縮してヘッダーに書くと、表示速度は速くなるの?(fc2ぶろぐで実験)
【WordPressモバイル高速化】pagespeed insightsモバイルスコアが大きく低下→原因はgoogle、お前だ(アドセンス自動広告)
スマホページ高速表示のための、CSS圧縮方法まとめ
【PHPパフォーマンス】モジュールモード5.6と、CGIモード7.1どちらが快適に利用できた?→モジュール5.6です。ベストは7.3モジュールかも
Googleがスマホ表示速度をランキング要因にすると発表・サイト制作者/ユーザーの対策は?
【WPサイト高速表示】ロリポWPコンテンツキャッシュで、速度の変動があるようです(不安定)
【サイト表示速度】googleのスマホ向け速度チェックツールで、表示速度/秒数を計測
【ロリポwordpress高速表示でSP90超えろ】ロリポップサーバーで『コンテンツキャッシュ機能』提供開始・設定方法と効果のチェック