wpXでWordPressサイトを簡単に高速化する方法 gtmetrixスコアA(95%)

wpXでWordPressサイトを簡単にを簡単に高速化する方法


gtmetrixスコアA(95%)

このブログはwpXで配信しています。
使用WordPressテーマは「Astra」です。

wpXはもともと速いのですが、WordPressプラグインやらアフィリエイト広告、アドセンスなどを付けていくと、当然速度は低下していきます。

今日は簡単にwpXで速度改善できる方法をリストアップしました。
このサイトも簡単設定でTTFBも103.16ms台まで短縮できました。



wpXの設定

以下2点有効化します。

  • キャッシュ設定 : ON
  • mod_pagespeed設定 : ON

.htaccess

.htaccess編集から以下を設定します。

gzip圧縮

#gzip圧縮
<ifModule mod_deflate.c>
SetOutputFilter DEFLATE

BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html

SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico)$ no-gzip dont-vary
SetEnvIfNoCase Request_URI _\.utxt$ no-gzip
</ifModule>

キャッシュ(Expire)設定

参考で10日に設定していますが、更新頻度が低いものはもっと長くしてもよいでしょう。

#Expireヘッダー
<ifModule mod_expires.c>
ExpiresActive On

ExpiresByType text/css "access plus 10 days"
ExpiresByType image/gif "access plus 10 days"
ExpiresByType image/jpg "access plus 10 days"
ExpiresByType image/jpeg "access plus 10 days"
ExpiresByType image/png "access plus 10 days"

ExpiresByType text/js "access plus 1 month"
ExpiresByType text/javascript "access plus 1 weeks"

ExpiresByType application/x-javascript "access plus 1 weeks"
ExpiresByType application/javascript "access plus 1 weeks"
</ifModule>

高速化プラグインをインストール

人気の高速化プラグインAutoptimizeをインストールします。

・Autoptimizeの設定

  • HTML コードを最適化
  • JavaScript コードの最適化
  • CSS コードを最適化
  • Google Fonts
  • 絵文字を削除


不要なプラグインを削除

使ってない、または優先度が低いプラグインは削除したほうがよいですが、そこまで切り詰めていません。

このサイトで使用しているプラグイン以下です。

  • Accelerated Mobile Pages
  • Ad Inserter
  • Autoptimize
  • Easy Table of Contents
  • Google Analytics Dashboard for WP (GADWP)
  • JP Markdown(WordPress 5.0がリリースされてgutenbergが標準になったらどうするか?)
  • Smush
  • Yoast SEO(重いなら削除しても可)

Lighthouse監査結果

※Lighthouseはchromeに統合されました。デベロッパーツールから使えます。

  • performance:91
  • pwa:54
  • accessibility:85
  • Best Practies:93
  • SEO:100

pwaだけ低いですが、PWA対応を行っていないので当然の結果です。

SEOはYoast SEOいれてYoastの指示りに設定しているだけで特別なことはしていません。

“wpXでWordPressサイトを簡単に高速化する方法 gtmetrixスコアA(95%)” への1件のコメント

  1. ピンバック: Lighthouse監査スコアで簡単にオールグリーン(90点以上)を取る | まだどう?

コメントは受け付けていません。