以前、スマホからのアクセスをもっと速くしたいなと思っていたのですが、高速化その３で手をつけることにしました！
まず、手をつける前の状態は以下です。

はい、2.2秒かかっていたようです。レポートには、いろいろ書いてありますが画像の項目は以下のようにアドバイスされていました。

次世代フォーマットで画像を配信する
JPEG 2000、JPEG XR、WebP で画像をエンコードすると、読み込み時間が短くなり、モバ
イル通信のデータ量も少なくすることができます。フォールバック用に PNG 画像や JPEG 画
像も用意し、未対応ブラウザにはそちらを配信するようにしましょう。

ということで、WebP に変換することことにしました。変換には方向性として２つあり、１つはクラウドサービスでWebPに変換してもらうのを利用する方法。もう１つは、自サーバの機能を使ってWebP に変換する方法です。後者は、PHPがimagemagic をサポートしていてそのフォーマットにWebP がある場合に有効です。

phpinfo.phpにアクセス　→ サーバー設定のレポートを見る。
「imagick」項目の “ImageMagick supported formats” という行に「webp」があればサポートしています。

現在はまだテストサーバで mamp でやっていますので、これはサポートしていないことがわかりました。自分でサーバを作るときは対応させる予定ですが、今のところは外部クラウドのWEBサービスを使って高速化がどのくらい進むか確認してみようと思います。

パッと思いつくのは、https://tinypng.com/ のサービスです。

これをWordPress（ClassicPressでも利用可）で利用するPlugin があるので使うことにします。

Compress JPEG & PNG images
https://ja.wordpress.org/plugins/tiny-compress-images/

Plugin を有効にして、API をゲット（月に500まで利用可）です。メディア設定の自動リサイズを無効にして、medium_large_size_h のパラメータも以下から0 にしておきます。

https://yourdomain/wp-admin/options.php

設定は以下のようにしておきました。

どのくらい高速化が進んだか確認してみましょう！

結果、1.7秒です。0.5秒改善しましたね！

あとついでなので、Autoptimize プラグンで JS と CSS の最適化をしておきました。これは有名なんで説明は省略。

Autoptimize
https://ja.wordpress.org/plugins/autoptimize/

結果、高速化その３では最終的に、1.2 秒にまで改善できました。

あと、0.3秒ほど頑張れば１秒以下になって「速い」の部類に入るかと！　あとはサーバ側でがんばりましょうか。

・・・高速化その４　に続く

宅内サーバのテスト環境で、テーマの調整とClassicPress を試しにインストールしてみました。

enひかりの IPv6 トンネルもかなり有効だと思いますが、なかなか良いスコアが出たので記録しておきます。ちにみに、純粋なClassicPress にした速度向上というのはわずかです。テーマの部分が大きいかなという印象です。

Google の PageSpeed Insights の結果です。ずっと99% であと1% が上がらなかったのですが、画像の遅延読み込み（※1）を行なったら100% になりました。現在のWordPress.com 上にあるデータと変わりないのに、テーマとかWordPress 本体を ClassicPress にして enひかりの v6ひかり＋固定IPの環境にしただけです。 １秒未満なので、とりあえずは十分な結果がPCは出ていますね。ちなみに、開発環境は以下の通り。

WEB：NGINX1.13.2（MAMP Pro）
PHP：php7.4.1（MAMP Pro）
DB：MySQL 5.7.26（MAMP Pro）

Server CPU：AMD Ryzen 5 3600
RAM：32GB
DISK：SSD

CMS：ClassicPress 1.1.2
テーマ：Sustyバージョン: 1.0.0
WP Plugin：
　Akismet Anti-Spam 4.1.4
　AMP 1.4.4
　Broken Link Checker 1.11.11
　Catch Infinite Scroll 1.7
　Lazy Load 0.6.1
　Switch to ClassicPress 1.2.0
　WordPress インポートツール 0.7
　WP Super Cache 1.7.1

　※1・・・画像の遅延読み込みとは、ブラウザが最初に「スクロールせずに見える」ページの画像のみを表示し、スクロールしたときに画像を読み込むということです。これらを簡単に実現するため、Lazy Loadを使っていますがやり方はいろいろあるようです。

モバイル環境については、まだ向上の余地がありそうです。JS の調整がまだ残っています。

ClassicPress は、wordpress5.3.2 から switch-to-classicpress プラグインを入れて行いましたがなんのトラブルもなくできました。ClassicPress にして明確になったのが、jetpackプラグインはない方が絶対的に速いです。また、ストレージ容量が ClassicPress は20MB くらい減りファイル数も300くらい減りました。

今の所、可もなく不可もなくといったところでしょうか？　しかし、良いなと思うのは ClassicPressバージョン1.xは、長期サポート（LTS）バージョンということで安定して動作してくれそうな気がします。プラグインも同じようにインストールすることができて、動作するものは「Compatible with your version of ClassicPress」と表示されますので目安になりますね。

というわけで、方針としては ClassicPress を使っていくことにしました。そして、jetpackプラグインはもう使わないことにします。テーマは、Sustyをカスタマイズして使うことにします。