MR.HARIKIRI-INSIGHTS

[WordPress] WP-Optimizeのキャッシュの設定 – Autoptimizeとの併用効果

Written by

harikiri

in

Post Views: 510

ID14373

AutoptimizeとWP-Optimizeの併用

前回のAutoptimizeの設定では、cacheは逆効果でした。

(当時の記事の補足。原理をよく考えるとわかりますが、キャッシュは複数あるとコンフリクトを起こしてしまうため、複数のキャッシュ・プラグインの使用は避けるべきです。導入した結果がよかったとしても, 2021/10/30 by Mr. Harikiri)

ページのスピードアップをするには、以下の知識が必要です。この記事の中では、このことを知らずにテストしていた頃の記事なので、以下の知識について先ずは知っておいてください。

Googleは、モバイル・ファーストとしてAMPという技術/ルールを提唱しています。このルールは、過度なJava, CSSなどのコードをシンプルにするように求めています。それによって、軽量化されてページの読み込みスピードが向上します。AMPに対応させるにはプラグインを使用することができます。その場合、この記事の中で評価しているAutoptimizeプラグインは、使用を避けてください。その理由は、AutoptimizeがAMPに対応していないからです。AutoptimizeもAMPと同様の目的にJava, CSSのコードを軽量化する独自の方法を使っています。おそらくコンフリクトします。blogをAMPに対応させない場合は、Autoptimizeプラグイン、または、その他の同様のプラグインを、AMPに対応させるには、AMPプラグインを使う用にして、それぞで使い分ける必要があります。

キャッシュ・プラグインは、AMPプラグイン、Autoptimizeプラグインとは異なる原理で動いているので、併用は可能です。その場合、AMPプラグインに適するキャッシュ・プラグインがあるとでしょう。同様に、Autoptimizeプラグインに適したするキャッシャ・プラグインがあるはずです。

[WordPress] Autoptimize プラグインの威力 – ブログ・サイトのスピード改善対策プラグイン – 更にAMP対応まで進めた結果 [2020/05/15] ID7804

PageSpeed Insights

https://pagespeed.web.dev

WordPressのdatabaseの最適化に、WP-Optimizeをインストールしました。

このプラグインには、cache機能もあります。cacheをONにしてPageSpeed Insightsで測定しました。

WP-Optimizeには、画像の遅延読み込み「Lazy Load」機能があるため、EWWW Image Optimizerなどを使っている場合、同じ機能がdefaultで有効になっているので、どちらかを無効に設定します。コンフリクトするとPageSpeed Insights (PSI)のスコアが5ポイント程低下します。

その他の設定は、前回の記事を継承しています。

結果

WP-Optimizeプラグインのcache機能をONにしてSPIモバイル・スコアを測定した結果、更なる速度改善の効果があり、Autoptiizeプラグインとの併用効果が確認できました。

WP-OptimizeプラグインのPage cachingをしない場合、ページスピードは、モバイル/パソコンそれぞれ40/68でした。

1E5ED779-BEC4-4081-B65B-E843B42BD4FF
D9408D1E-0710-40E4-8726-784D7376882B

WP-OptimizeのPage cachingをONすると、ページスピードは、モバイル/パソコンそれぞれ52/82となり少し速度が改善しました。

  • cache: off – SPIスコア:
    • モバイル : 40
    • パソコン : 68
  • cache: on – SPIスコア:
    • モバイル : 68
    • パソコン : 82

まとめ

PageSpeed Insightsによるモバイル・スコアは、cacheをONにすることで、モバイル40→52、パソコン68 → 82にスピードアップしました(2020/01/25現在)。

編集履歴

2020/01/25 はりきり(Mr)
2020/05/29 文言整備、追記(まとめ)
2021/11/20,修正(モバイル/パソコンの測定データのソース写真取り違え)

関連記事:

[WordPress] キャッシュプラグインの比較 – 「WP Fastest Cache」 vs 「WP-Optimize」[2020/07/23] [WordPress] 「AMP」プラグイン と広告プラグイン: 「Advance Ads Pro」- 高速化と広告表示の両立を図る [2020/09/11] [WordPress] EWWW Image Optimize プラグイン [WordPress] Lazy Load Optimize プラグイン [WordPress] WP-Optimizer プラグイン [2020/09/24] [WordPress] PhastPress プラグイン Ver.1.33 – Databaseを不適正にいじってしまう(バックアップ教訓) [WordPress] Autoptimize プラグイン – サイト・速度改善 [2020/02/25] [WordPress] Autoptimize プラグインの威力 – ブログ・サイトのスピード改善対策プラグイン – 更にAMP対応まで進めた結果 [2020/05/15] [WP]プラグイン- PhastPress Ver.1.33はDatabaseを不適正にいじってしまう [WP-Plugin] WP-Optimizeのキャッシュ機能はW3 Total Cacheに変更 [2021/10/25]

More posts