wpXでWordPressサイトを簡単に高速化する方法 gtmetrixスコアA(95%)
Contents
wpXでWordPressサイトを簡単にを簡単に高速化する方法
gtmetrixスコアA(95%)
このブログはwpXで配信しています。
使用WordPressテーマは「Astra」です。
このブログはGCP(Google Cloud Platform) 無料枠へ移行しました。
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の指示りに設定しているだけで特別なことはしていません。
ディスカッション
ピンバック & トラックバック一覧
[…] 詳細なhtaccess記述設定は、こちらの記事で書いてます wpX を簡単に高速化する方法 gtmetrixスコアA(95%) […]