PWAやAMPを導入するとサイト速度は速くなりますか？
検証してみました。
・どうやって導入したらいいの？
・本当にサイト表示速度は上がるの？
・モバイル端末でサイト表示するときに、アプリのようなサクサクした動きを可能にする技術
・メリット①表示速度が速く離脱が少ない
・メリット②ユーザーの抱え込みができる
・メリット③固定ファンの増加
・メリット④SEO対策にプラス
・メリット⑤オフラインでも閲覧可能
・メリットはたくさんあるけどデメリットはないと言われています
・Googleが推奨するモバイルページを高速に表示するための手法
・twitter社と共同で開発
・AMPが適用されると検索表示画面で「⚡マーク」が付けられる
現在のサイト表示速度について
いくつかのツールを使ってサイトの表示速度を調べました。
「PageSpeed Insights」モバイル73点、パソコン93点（最低ラインは50点）
「Test My Site」低速3.5秒
「GTmetrix」A判定
プラグインの使用本数には気をつけているためか、僕が運営しているほかのブログより高スコアです。
＜ 使用しているプラグイン一覧 ＞
| プラグイン | 常時使用している | 必要に応じて使用 |
| Google XML Sitemaps | 〇 | ― |
| SiteGuard WP Plugin | 〇 | ― |
| WP Super Cache | 〇 | ― |
| EWWW Image Optimizer | 〇 | ― |
| LIQUID SPEECH BALLOON | 〇 | ― |
| Table of Contents Plus | 〇 | ― |
| Contact Form 7 | 〇 | ― |
| Rinker | 〇 | ― |
| Optimize Database after Deleting Revisions | ― | 速度が気になったとき |
| Async JavaScript | ― | 使っていない |
| Autoptimize | ― | 使っていない |
| BJ Lazy Load | ― | 使っていない |
| Broken Link Checker | ― | リンクチェック時のみ |
| Slimstat Analytics | ― | 使っていない |
ダウンロードしたプラグイン（Super Progressive Web Apps）
今回使用したプラグインは「Super Progressive Web Apps」です。
プラグインを追加するときは、評価・インストール数を見て判断します。
有効化すると、各種設定項目が出てきますが、そんなに難しくなさそうな印象です。
アイコン画像と色を当ブログに合うように変更しました。
ダウンロードしたプラグイン（AMP）
今回使用したプラグインは「AMP」です。
こちらは公式のプラグインでした。今回はPWAとAMPそれぞれインストールしました。
こちらは有効化するだけなので簡単です。
プラグインがサイトに与える影響
プラグインを２つインストールしたので、念のためサイト表示速度を測定しました。
「PageSpeed Insights」モバイル68点、パソコン98点
「Test My Site」低速3.5秒
「GTmetrix」Ｂ判定でした。
導入前後での比較です。
| 測定サイト | PWA＆AMP 導入前 | 導入後 |
| PageSpeed Insights（モバイル） | 73点 | 68点 |
| PageSpeed Insights（パソコン） | 93点 | 98点 |
| Test My Site | 3.5秒（低速） | 3.5秒（低速） |
| GTmetrix（総合評価） | Ａ判定 | Ｂ判定 |
| GTmetrix（パフォーマンス） | 90％ | 89％ |
| GTmetrix（構造） | 96％ | 90％ |
| GTmetrix（LCP） | 1.1s | 1.5s |
| GTmetrix（TBT） | 0ms | 0ms |
| GTmetrix（CLS） | 0.19 | 0.02 |
改善できたのはごく一部の項目だけで、ほとんどの項目がスコアを落としました。
【まとめ】PWAとAMPを導入しても表示速度は変わらない
現時点では、残念ながらサイト速度が改善されたと言い切れませんでした。
スマートフォンで表示したときは、今までよりも速く感じたのですがキャッシュや勘違いかもしれません。すぐにスコアが変わらないこともありますのでしばらく様子を見ます。
機能が実装されているwordpressテーマを使うのが一番早いですが、内蔵されていないテーマであってもプラグイン１つで対策が可能なので、身構えなくても大丈夫です。
サイト表示速度は今後のGoogleの方向性を考えた場合、積極的に取り組むべきです。
・サイト表示速度は今後、SEO対策で重要な要素の１つになる
・ワードプレスでは機能が実装された有料テーマを買うのが一番早い
本日は以上です。
