カテゴリー
plugin Synology WordPress

[WordPress] 高速化プラグイン「AMP」と定期的に全てのページの静的キャッシュ作成プラグイン「WP Super Cache」で再構成した- ID22640 [2020/12/11]

[WordPress] 高速化プラグイン「AMP」と定期的に全てのページの静的キャッシュ作成プラグイン「WP Super Cache」で再構成した- ID22640 [2020/12/11]
スポンサーリンク
  • by Google Ads ID:11145
  • by Google Ads ID24747
  • by Google Ads ID23293
スポンサーリンク
by Google Ads ID8603

はじめに

このblogは、レンタル・サーバーではなくSynology NASを使っています。やはり、性能的にはレンタル・サーバーに勝てません。そこで、自宅のNASを使ったblogでは、以下のような工夫が必要になってきます。

  • ベージ表示などのレスポンスの改善
  • セキュリティの確保
  • NASの管理を含めたWordPressの管理の容易化

この記事では、2つのプラグインの「AMP」と「WP Super Cahce」を組み合わせて使うメリットについて解説したいと思います。

これらSoftwareの適用以前に、Hardwareのスペックアップがありますが、ここでは述べていません。以下の投稿をご参考になります。

[Synology] DS918+ 初期導入時にはJBOD HDD、その後、メモリ増設・SSDキャッシュ増設・HDD追加でRAID 5によりフルスペック化 — さてどうなったか – ID33 [2021/03/05]

synology NASを導入するにあたり、将来性を重視してエントリーモデルではなくDS918+を選択した。当初はデフォルト構成 + 1 x 8TB HDDから始め、その後予算に併せて、+ 2 x 8TB HDDで RAID5、+メモリー追加、SSD cache追加、+ 1 x 5TB HDDでフルスペック化した。

スポンサーリンク
by Google Ads ID8603
スポンサーリンク
  • Synology DS517 by Amazon ID:22173
  • Synology DS920+ by Amazon ID:22172
  • オムロン BY50S用パック by Amazon ID:22171
  • オムロン BY50S by Amazon ID22170
  • Synology 高機能無線ルーター 800Mbps + 1,733Mbps(11a/b/g/n/ac対応) 高セキュリティ VPN Plus対応 RT2600ac by Amazon ID24327
  • エレコム LANケーブル CAT6A 5m 爪折れ防止コネクタ ホワイト LD-GPA/WH5 by Amazon ID24327

ページのAMP化のみでもレスポンス改善は十分高い

スポンサーリンク
by Rakuten ID:15895

AMPプラグインは、HTMLを高速化するために元のHTML文やJavaScriptなどをサブセットに変換します。それがblogのページになります。投稿/ページの編集を終えて、「公開」すると、このタイミングでAMP化の変換が行われます。変換時間は、AMP化を適用していない場合と比較して、5~10秒程度余分の時間を要します。変換時間を要しただけのレスポンス改善は、目を見張ります。当サイトでは、モバイルの場合、GoogleのSpeedPage Insightsを使って測定すると、5~10倍のポイントアップが見られました。それでも、当サイトのMobileで閲覧した場合、30~40%でした。100%が最高値なのでまだまだです。PCでは、80%程度です。

更にレスポンス改善するには、「キャッシャ」プラグインを追加します。そうすると、Mobileでは、50~60%に改善されました。キャッシュ・プラグインには、WP Super Cacheプラグイン、WP-Optimizeプラグインがありますが、主に、WP-Optimizeを使っています。

今回の記事では、WP Super Cacheにするメリットについて解説します。

AMP

AMP チームによってサポートされている公式 AMP プラグイン。以前は AcceleratedMobile Pages と呼ばれていた AMP は、モバイルとデスクトップの両方で優れたエクスペリエンスを実現します。

AMP Project Contributors

スポンサーリンク
by Google Ads ID8603

キャッシュプラグインを追加する

キャッシュプラグインにも種々ありますが、これまでに色々試しました。その結果、ここ半年間使用し続けたのは、「WP-Optimize」プラグインでした。WP-Optimzieでは、データベースの最適化やデータベース・テーブルがアントールされているテーブルなのか、無効化されているプラグインのデータベース・テーブルなのか、すでに削除されているプラグインに関するデータベース・テーブルなのか、を示してくれます。この情報を確認しながら、データベース・テーブルを削除したり管理することができます。WP-Optimizeは、データベース管理プラグインであると認識するのが妥当です。WP-Optimizeは、キャッシュ機能もありますが、これまでに試したキャッシュ・プラグインの中で僅差ですが、最もレスポンス改善効果があったため、今回まで、キャッシュ機能も有効にしていました。

スポンサーリンク
by Google Ads ID8603

プラグインは専用機能がいい

WP-Optimizeプラグインには、多数の機能が搭載されています。キャッシュ機能には「プリロード」機能も使えます。全ての投稿/ページのキャッシュする機能です。

今回、WP-Super Cacheプラグインをネットで発見して、キャッシュ・プラグインとして使用することにしました。その理由は、プラグインは多機能でない方が管理がし易いと考えているからです。それに、付属的な機能では、微調整ができないことが大です。WP-Optimizeのプリロード機能では、繰り返すプリロードの時間設定しかできず微調整ができません。もう少しでも攻め込みたい。やはり、専用機能に特化したプラグインを指向したいと思います。

ただし、ネットで調べてみると、WP Super Cacheのプリロード機能、その他の機能は使用しないことを推奨しているようです。WP-Optimizeのブリロード機能を使用しても、キャッシュ機能が効いていないようです。と言うのは、WP-Optimizeでブリロードした後に、PageSpeed Insightsでランダムにベージ/投稿を選んで測定したところ、モバイルで50程度、PCで80程度とPCの測定値が低くなりました。間髪入れず、もう一度測定すると、モバイル50程度、PCで95程度と改善しました。何度やってもこの傾向は、どのページでも同様でした。

結論としては、WP-OptimizeもWP Super Cacheも、プリロード機能は、使用しない方が良いということです。

WP Super Cacheの設定のほんとのところ

  • プリロード機能は使用しない
    • 理由 : 古いキャッシュの表示が起こる場合がある
  • 投稿またはページが公開されたときにすべてのキャッシュファイルをクリアする機能は使用しない
    • 理由 : 新しい投稿を作成するたびに、WPスーパーキャッシュが数分間効果的に無効になってしまうためです

WP Super Cacheの推奨設定

結局推奨設定は、以下の図の通りになります。プリロードの使用を推奨していないのは残念です。

上記推奨設定のサイト

https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://support.tigertech.net/wp-super-cache&prev=search&pto=aue
スポンサーリンク
by Google Ads ID8603

WP Super Cache

WP Super Cacheプラグイは、プラグインのキャッシュ/ブリロードに特化しています。多数の設定項目があり微調整も可能です。初心者には優しくて、デフォルトの設定についての解説もわかりやすいです。プリロードのキャッシュファイルの圧縮の設定もできます。繰り返すプリロードの時間の設定は、ももちろん可能です。初期値は600分です。プリロード処理が開始される時、及び100や200毎に、メールを飛ばす機能もあります。機能していることが分かるので安心ですし管理に役立っています。

今回、WP Super Cacheの試用を開始しましたが、これまで使用していたWP-Optimizeの設定は、キャッシュを無効化し、データベース管理機能のみを使用している状態に設定しました。

スポンサーリンク
by Google Ads ID19417

SpeedPage Insightsによるレスポンスの測定結果は、従前の設定の場合と比較して同等の結果でした。しばらく攻め込んでみたいと思います。結果は、随時、追記していきます。

WP Super Cache

静的 HTML ファイルを生成する、WordPress の超高速キャッシュエンジン。

Automattic

スポンサーリンク
by Google Ads ID8603

WP-Optimize

WP-Optimizeは、キャッシュ機能だけではなく、データベース管理、イメージ圧縮などの複数の機能を備えています。

WP-Optimize – Clean, Compress, Cache.

Boost your site's speed and performance through caching. Clean the database, compress images and cache your site for higher speed & SEO.

David Anderson, Ruhani Rabin, Team Updraft

スポンサーリンク
by Google Ads ID8603

WPRocket

kinstaというレンタルサーバーがあります。日々、パフォーマンス改善を進めていて、WPRockeによるキャッシュ機能に関する記事がありました。その記事では、プリロード機能は、逆にパフォーマンス低下になるので、有効化しないことを推奨しています。プリロード機能は、理想としては良い機能なのですが、実際には、技術として実用化はまだのようです。

Kinsta and WP Rocket: Now Speeding up WordPress Together, 2020/10

https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://kinsta.com/blog/wp-rocket/&prev=search&pto=aue

WP Cloudflare Super Page Cache

Speed up a WordPress website by caching your webpages onto global CDN using any Cloudflare Plan.

Optimole

スポンサーリンク
by Google Ads ID8603

WP Super CacheとWP-Optimizeの比較

約900ある投稿とページをプリロードする時間を比較した。先ず、全ての投稿とページについて、AMPで再検証します。全てが完了してから、ブリロード機能を実行しました。その結果、WP Super Cahceでは約50分、WP-Optimizeでは約25分でした。WP-Optimizeの方が高速でした。

スポンサーリンク
by Google Ads ID8603

設定の際に思いもよらず得られた懸案の解決

スポンサーリンク

by Google Ads ID8603

AMPの再検証エラー問題

AMPプラグインを使用していて、数ヶ月前の9/21に投稿/ページの「再検証」が、以下のエラーログと共に不可になっていました。

  • cURL error 28: Operation timed out after 15001 milliseconds with 0 bytes received. Please check your Site Healthto verify it can perform loopback requests. If you are stuck, please search the support forum for possible related topics, or otherwise start a new support topic including the error message, the URL to your site, and your active theme/plugins. Please include your Site Health Info.

ネットで調べてみましたが、DNSが悪いので、ローカルにDNSを立ち上げろとか、AMPのサポートでは、AMPプラグインによる不具合ではないとか、結局、原因を見つけることは、できずにいました。

WP Super Cacheのワーニングのお陰

WP Super Cacheを導入後、blogのフォルダーにパーミッション設定がおかしいので修正するように、というようなワーニングが出ました。そこで、NASにログインして、chmodコマンドで、そのフォルダーのパーミッションを設定して確認をしている時に、それは起きました。

WordPressの管理者画面の左のメニューが、突然シンプルになりました。原因は、プラグインの全てが無効になっていた事でした。パーミッションの設定を間違えたことで、WordPressがプラグインにアクセスできなくなり、それを受けてWordPressが全てのプラグインを無効化したものと考えられました。

その後の対応

パーミッションを元に戻して、プラグインが認識されるようにしました。無効化になっているプラグインの全てを1つ1つ有効かしていきました。

その結果

AMPプラグインで不可であった「再検証」が問題なく機能するようになっていました。これまでは、なんだったのこか?

AMPページの再検証

全ての投稿/ページは、800程度あります。これら全てを100個一括での再検証、それがうまくいかない場合は、1つずつで再検証を実施しました。AMPページについて2, 3のワーニングが出るページがありますが、AMPは有効となっているので、このままにしておきます。1つ1つ内容を確認していくのは、手間がかかるためです。今後、気が向けば最適化を行いたいと思います。とりあえず、これでよし。

キャッシュのブリロード

再検証を完了した後は、WP Super Cacheによる「ブリロード」を実行しました。

広告表示の確認

Advanced Adsは、AMPページ対応の広告表示プラグインです。色々な設定が可能です。これらの表示について、実際の投稿/ページを表示させて確認しました。

スポンサーリンク
by Google Ads ID8603

まとめ

今回は、WordPressのキャッシュ・プラグインの変更とそのメリットについて解説しました。また、経験談として重要だったことは、全てのプラグインの無効化は、WordPressの問題が生じている場合に有効な手段であり、簡単に元に戻すことも可能であったことです。

AMPページの再検証ができずに、2ヶ月が経過していたところでした、WP Super Cacheを導入することで、このプラグインから設定に関するワーニグンがありました。それに対して真正面に対応する中、転機が起きました。その結果、WordPressは、2ヶ月を経て正常に戻りました。良かった。

以上

編集履歴
2020/11/07、はりきり(Mr)
2020/11/15、追記 (プルロード機能は使えない)
2020/12/11、追記 (文言整備)
スポンサーリンク
  • by Amazon ID13211
  • by Amaozn ID13196
スポンサーリンク
  • 【Amazon.co.jp 限定】HP USBメモリ 128GB USB 3.1 スライド式 金属製 HPFD796L-128 GJP by Amazon - ID 24751
  • 3Dプリンター ダヴィンチ Jr. 1.0(造形サイズ15×15×15cm) - 環境に優しい土に返るPLAフィラメント - ダビンチ Jr. 1.0 XYZプリンティングジャパン by AMAZON ID21513
  • 3Dプリンター|ダヴィンチ1.0 pro|オートキャリブレーション機能付|オープンフィラメント可|ABS対応|造形サイズ20×20×20cm|レーザー刻印機能拡張可|積層ピッチ0.02mm~|3F1AWXJP00F - XYZプリンティングジャパン by AMAZON ID21511
  • ABS使用可 造形サイズ175×175×175mm オープンフィラメント可 オートキャリブレーション機能付き レーザー刻印機能拡張可 金属系PLA拡張可 3FJSPXJP00G - ダビンチ Jr.Pro X+ XYZプリンティングジャパン by AMAZON ID21509
  • zedela 5-in-1 USB-Cハブ【3ポート5Gbps by Amazon - ID 24751
スポンサーリンク

用語の解説、関連タグ付き投稿の抽出

AMP

[WordPress] AMP対応化で、使用しているその他のプラグインによるエラーが出ないようにするために – プラグイン別 [2020/11/16] ID24858
[WordPress] 高速化プラグイン「AMP」と定期的に全てのページの静的キャッシュ作成プラグイン「WP Super Cache」で再構成した- ID22640 [2020/12/11]
[WordPress] 「AMP」まとめ – ID22520 [2021/02/11]
[WordPress] このサイトの表示に関係する使用している「テーマ」と「プラグイン」のリスト – ID22353 [2020/09/11]
[WordPress] 広告プラグイン – Advanced Ads Pro (有料版)の応用機能(Header/Footerにコードを挿入) – ID15074 [2020/05/03]
[WordPress] メンバーシップ・サイトを構築プラグイン – Ultimate Member プラグインの使い方をAMP対応とともに解説 – ID14027 [2021/03/07]

cache

[WordPress] 高速化プラグイン「AMP」と定期的に全てのページの静的キャッシュ作成プラグイン「WP Super Cache」で再構成した- ID22640 [2020/12/11]
[WordPress] 「AMP」プラグイン と広告プラグイン: 「Advance Ads Pro」- 高速化と広告表示の両立を図る – ID10304 [2020/09/11]
[WordPress] WP-Optimizer プラグイン – ID10746 [2020/09/24]
[WordPress] Lazy Load Optimize プラグイン – ID10744
[WordPress] EWWW Image Optimize プラグイン – ID10740
[WordPress] Autoptimize プラグイン – サイト・速度改善 – ID10738
スポンサーリンク
  • by Google Ads ID24747
  • by Google Ads ID:11145
  • by Google Ads ID23293
スポンサーリンク
by Google Ads ID8603

Update ID21920

HEALTH, kidney
[健康] 血中クレアチニン(Cr)濃度とeGFR /関連表の理解と腎機能の閾値 – eGFRはCr/年齢/性別で計算 – ID27337 [2021/01/28]

Post Views: 20 目次1 はじめに2 血中クレアチニンでeGFRを計算3 計算された簡易表4 編集履歴 はじめに 高尿酸血症は、痛風につながります。痛風を持っていると腎臓の機能にも影響すると言われています。痛 […]

company, gene-therapy
気になる企業: IDファーマ – センダイウイルス・ベクターの技術で希少疾患に対する遺伝子治療薬の開発を進める – ID27360 [2021/01/30]

Post Views: 23 目次1 IDファーマ2 アイロムグループの概要3 編集履歴 IDファーマ 株式会社IDファーマは、CROなどを手がけるアイロムグループの100%小会社で、先端医療関連の開発を担う。センダイウ […]

gourmet, hotel, LIFE, restaurant
[Hotel] スイーツバイキング,リーガロイヤルホテル大阪 – ID17463 [2019/08/14]

Post Views: 12 目次0.1 リーガ ロイヤルホテル大阪でスイーツバイキング0.2 ロビーのソファー0.3 部屋の雰囲気0.4 スウィーツバイキングの様子0.5 軽食1 まとめ リーガ ロイヤルホテル大阪でス […]

スポンサーリンク
by Google Ads ID19417

更新された投稿の最新順

スポンサーリンク
  • by Amazon ID19245
  • by Amazon ID13339
スポンサーリンク

スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID24747
  • by Google Ads ID:11145
スポンサーリンク
by Google Ads ID8603

最新記事(WPプラグイン,ID:14818)

plugin, site setting, WordPress
Plugin Maintenance – AMPサイトでのプラグインの運用評価を記録 – ID28378 [2021/04/04]

Post Views: 7 All in One SEOプラグイン (2021/03/13) メタディスクリプション記述のみに使用していたが、このプラグインから依存を完全になくすために、まずは、その記述内容を抜き出し、W […]

adsense, plugin, WordPress
[WordPress] CLS; Cumulative Layout Shift – 2021/03からGoogle検索評価のスコアに加わる – ID26235 [2020/12/23]

Post Views: 17 目次1 はじめに2 Cumulative Layout Shift3 ページのレスポンスを測定するツールサイト4 編集履歴5 関連記事 はじめに 当サイトを立ち上げた頃には、もっぱらplug […]

スポンサーリンク
by Google Ads ID19417
plugin, WordPress
[WordPress] Widget Logic プラグイン – ID26082 [2020/12/17]

Post Views: 19 目次1 Widget Logicプラグイン2 条件の例 Widget Logicプラグイン 2020/12現在、updateがされておらず、WordPress の最新Version ではテス […]

Page: 1 2 19
スポンサーリンク

スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID24747
  • by Google Ads ID:11145
スポンサーリンク
by Google Ads ID8603

最新記事(WordPress, ID:14681)

plugin, site setting, WordPress
Plugin Maintenance – AMPサイトでのプラグインの運用評価を記録 – ID28378 [2021/04/04]

Post Views: 7 All in One SEOプラグイン (2021/03/13) メタディスクリプション記述のみに使用していたが、このプラグインから依存を完全になくすために、まずは、その記述内容を抜き出し、W […]

site setting, WordPress
[Synology] DS920+のblog server – 15時間のアクセス普通について、今回の原因とは、そしてその対応 – ID27934 [2021/02/22]

Post Views: 19 目次1 はじめに2 対応した作業3 編集履歴 はじめに なぜか、RT2600acのポート転送にWeb Serverへの設定が消えていたことで、HARIKIRI-INSIGHTのBlogへのア […]

adsense, plugin, WordPress
[WordPress] CLS; Cumulative Layout Shift – 2021/03からGoogle検索評価のスコアに加わる – ID26235 [2020/12/23]

Post Views: 17 目次1 はじめに2 Cumulative Layout Shift3 ページのレスポンスを測定するツールサイト4 編集履歴5 関連記事 はじめに 当サイトを立ち上げた頃には、もっぱらplug […]

plugin, WordPress
[WordPress] Widget Logic プラグイン – ID26082 [2020/12/17]

Post Views: 19 目次1 Widget Logicプラグイン2 条件の例 Widget Logicプラグイン 2020/12現在、updateがされておらず、WordPress の最新Version ではテス […]

スポンサーリンク
by Google Ads ID19417
security, WordPress
[WordPress] AMP対応化で、使用しているその他のプラグインによるエラーが出ないようにするために – プラグイン別 [2020/11/16] ID24858

Post Views: 18 目次1 はじめに2 基本的な設定方法3 WordPress プラグイン別3.1 Content of Table Plus はじめに AMPプラグインをインストールしている場合、投稿/ページ […]

Page: 1 2 23
スポンサーリンク

スポンサーリンク
  • by Google Ads ID24747
  • by Google Ads ID:11145
  • by Google Ads ID23293
スポンサーリンク
by Google Ads ID8603

最新記事(Synology, ID:14676)

folder, Synology
[WP] ブログにおけるメタディスクリプションの意義と設定方法 – ID28775 [2021/03/14]

Post Views: 11 目次1 はじめに2 メタディスクリプションの機能3 メタディスクリプションの設定4 お勧めのプラグイン5 編集履歴 はじめに メタディスクリプションは、検索エンジンで表示されるページの1つの […]

スポンサーリンク
by Google Ads ID19417
Raid, re-install, security, Synology
[Synology] 写真の管理 / Photo Station & Moments – ID26326 [2020/12/31]

Post Views: 18 目次1 はじめに1.1 必要なもの2 補完的に活用する3 バックアップ4 Windows10のiCloudフォトからバックアップを取る5 MomentsからPhoto Stationのフォル […]

plugin, Synology, WordPress
[WordPress] 高速化プラグイン「AMP」と定期的に全てのページの静的キャッシュ作成プラグイン「WP Super Cache」で再構成した- ID22640 [2020/12/11]

Post Views: 10 目次1 はじめに2 ページのAMP化のみでもレスポンス改善は十分高い3 キャッシュプラグインを追加する4 プラグインは専用機能がいい4.1 WP Super Cacheの設定のほんとのところ […]

Synology
[Synology] 以前からeo光(1Gコース)なのに速度が遅く感じられていた(100Mbps) – 6A型(CAT6)のネットケーブルで改善 (300 ~ 500Mpbs) – ID24316 [2021/03/30]

Post Views: 15 目次1 eo光の速度の測定2 コースごとの測定3 ケーブル交換前の速度4 ケーブル交換後の速度5 その他のコースで測定6 使用したケーブル7 回線テスト eo光の速度の測定 もう数年以来、ネ […]

Synology
[Synology – Plex] Plex Serverに繋がらなくなったときの対処法 – ID24032 [2020/10/04]

Post Views: 20 目次1 はじめに2 課題3 対処方法4 Plexの管理画面でできること5 まとめ はじめに Plexは、自宅のサーバーにあるメディア(音楽、動画)をインターネット経由でもストリーム配信できる […]

plugin, Synology, WordPress
[WordPress] 「AMP」まとめ – ID22520 [2021/02/11]

Post Views: 20 目次1 AMPの記事まとめ2 Google Search Console2.1 AMP3 AMPの「更新済みURL」が作成されない問題と対策4 編集履歴 AMPの記事まとめ AMPページに対 […]

Page: 1 2 20
スポンサーリンク

スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID:11145
  • by Google Ads ID24747
スポンサーリンク
by Google Ads ID8603

その他記事(ALL-RANDOM, ID:16786)

ART
[Gear] Back Ground Screen (iPadを背景画像にする) – ID4919 [2019/12/25]

Post Views: 21 小物の雑貨などの写真を撮りたいときに、背景が欲しかった。そうだ、ディプレイをバックにしてみよう。 という訳で、これです。

スポンサーリンク
by Google Ads ID19417
Gear
[Gear] 首掛け型イヤフォン: WI-1000Xを首から落とさないために、100均で揃えた3点の装着で万全 – ID3330

Post Views: 15 首掛けスピーカーを落としてしまうリスク 今日(2019/12/23)の朝、同様の首掛け型イヤフォンが路上に落ちているのを見かけました。多分、意図せず落としてしまったものと思います。思わず、自 […]

company
気になる企業 – 一覧 – ID23099 [2020/09/19]

Post Views: 19 気になる企業 – 一覧

スポンサーリンク

スポンサーリンク
by Google Ads ID:11143(2)

- 以下のツールに敬意を示します -
Support to AMP (Accelerated Mobile Pages) by official AMP plugin for WordPress, and compatible powered by
Post viewing : Flex Posts - Widget and Gutenberg Block