QUIC.cloud CDN の無料枠を使い切った場合の PageSpeed Insights の結果への影響

QUIC.cloud CDN の無料枠を使い切った
QUIC.cloud CDN の無料枠を使い切ったらどうなるか
PageSpeed Insights の結果を比較
まとめ
今回のアイキャッチ画像

QUIC.cloud CDN の無料枠を使い切った

これまで、

LOLIPOP! レンタルサーバーの LiteSpeed サーバー
WordPress & Cocoon & LiteSpeed cache プラグイン
QUIC.cloud CDN

を使用して、PageSpeed Insights のパフォーマンスの数値を向上させてきました。

2023年3月19日にメールが届き、QUIC.cloud CDN 帯域幅の無料枠を使い切った事が分かりました。

QUIC.cloud CDN の無料枠を使い切ったらどうなるか

QUIC.cloud CDN がバイパスされます。Free プランに自動で移行する訳ではなさそうです。

CDN Pricing | Billing | QUIC.cloud | QUIC.cloud Documentation

Plans and pricing explained for QUIC.cloud CDN

こちらのページに QUIC.cloud CDN の Free プランと Standard プランの比較表があります。

Free プランは、北アメリカとヨーロッパで6か所の PoPs (Points of Presence、CDN ノードの場所) を使用でき、Standard プランでは 80 か所の PoPs を使用できます。それ以外にも Security や Analytics で両プランには差があります。

現在は DNS として QUIC.cloud 提供の物を使用しています。CDN 使用中は、nslookup で返される IP アドレスが変更されて、CDN ノードに誘導されてキャッシュが提供されますが、CDN がバイパスになると、LOLIPOP! レンタルサーバーの IP アドレスを常に返すようになりました。

ですので、現状は CDN ノードのキャッシュを使用しておらず、LiteSpeed cache プラグインと QUIC.cloud で最適化された WordPress の情報を、LOLIPOP! レンタルサーバーのみからデータを読み込んでいる状態です。

PageSpeed Insights の結果を比較

こちらの記事で作成した、psi-score-collector の改変版を使用しました。

複数ページの PageSpeed Insights の結果を一括で取得する方法

ウェブブラウザで複数ページの PageSpeed Insights の結果を取得するのは煩雑な作業ですので、スクリプトで一括で取得するようにしました。この先、QUIC.cloud CDN の無料枠を使い切った場合、またリージョンを絞った場合の影響を調査するのに使用します。

2023年3月19日に QUIC.cloud CDN の無料枠を使い切った後の測定結果です。

$ poetry run python3 main.py
 https://hiro20180901.com/
 https://hiro20180901.com/2023/01/30/use-litespeed-cache-on-wordpress/
 https://hiro20180901.com/2023/02/25/use-quic-cloud-cdn-wordpress-lite-speed-cache-plugin/
 https://hiro20180901.com/2023/03/02/wordpress-litespeed-cache-plugin-optimization/
 https://hiro20180901.com/2023/03/04/wordpress-litespeed-cache-plugin-image-optimization/
 https://hiro20180901.com/2023/03/08/wordpress-litespeed-cache-optimization-guest-mode-etc/
 measuring...(3 times)

(1/6) https://hiro20180901.com/
[ Mobile ]
100 100 100
Avg. 100.000 (min 100 max 100 )
(Labo Data) FCP: 1.083 s, TBT: 0.000 s, SI : 1.279 s, LCP: 1.530 s, CLS: 0.000
[ Desktop ]
100 100 100
Avg. 100.000 (min 100 max 100 )
(Labo Data) FCP: 0.333 s, TBT: 0.000 s, SI : 0.356 s, LCP: 0.450 s, CLS: 0.000

============================================================

(2/6) https://hiro20180901.com/2023/01/30/use-litespeed-cache-on-wordpress/
[ Mobile ]
99 99 99
Avg. 99.000 (min 99 max 99 )
(Labo Data) FCP: 1.166 s, TBT: 0.006 s, SI : 1.268 s, LCP: 2.131 s, CLS: 0.000
[ Desktop ]
100 100 100
Avg. 100.000 (min 100 max 100 )
(Labo Data) FCP: 0.324 s, TBT: 0.000 s, SI : 0.579 s, LCP: 0.511 s, CLS: 0.000

============================================================

(3/6) https://hiro20180901.com/2023/02/25/use-quic-cloud-cdn-wordpress-lite-speed-cache-plugin/
[ Mobile ]
98 98 98
Avg. 98.000 (min 98 max 98 )
(Labo Data) FCP: 1.443 s, TBT: 0.029 s, SI : 1.443 s, LCP: 2.131 s, CLS: 0.000
[ Desktop ]
100 100 100
Avg. 100.000 (min 100 max 100 )
(Labo Data) FCP: 0.356 s, TBT: 0.000 s, SI : 0.694 s, LCP: 0.551 s, CLS: 0.000

============================================================

(4/6) https://hiro20180901.com/2023/03/02/wordpress-litespeed-cache-plugin-optimization/
[ Mobile ]
98 98 98
Avg. 98.000 (min 98 max 98 )
(Labo Data) FCP: 1.213 s, TBT: 0.033 s, SI : 1.213 s, LCP: 2.281 s, CLS: 0.000
[ Desktop ]
100 100 100
Avg. 100.000 (min 100 max 100 )
(Labo Data) FCP: 0.324 s, TBT: 0.000 s, SI : 0.771 s, LCP: 0.551 s, CLS: 0.000

============================================================

(5/6) https://hiro20180901.com/2023/03/04/wordpress-litespeed-cache-plugin-image-optimization/
[ Mobile ]
98 98 98
Avg. 98.000 (min 98 max 98 )
(Labo Data) FCP: 1.120 s, TBT: 0.000 s, SI : 1.120 s, LCP: 2.280 s, CLS: 0.000
[ Desktop ]
100 100 100
Avg. 100.000 (min 100 max 100 )
(Labo Data) FCP: 0.319 s, TBT: 0.000 s, SI : 0.591 s, LCP: 0.590 s, CLS: 0.000

============================================================

(6/6) https://hiro20180901.com/2023/03/08/wordpress-litespeed-cache-optimization-guest-mode-etc/
[ Mobile ]
99 99 99
Avg. 99.000 (min 99 max 99 )
(Labo Data) FCP: 1.149 s, TBT: 0.014 s, SI : 1.149 s, LCP: 2.131 s, CLS: 0.000
[ Desktop ]
100 100 100
Avg. 100.000 (min 100 max 100 )
(Labo Data) FCP: 0.388 s, TBT: 0.000 s, SI : 0.518 s, LCP: 0.751 s, CLS: 0.000

============================================================

Finish!!

結果を比較します。小数点以下2桁に丸めました。良化した項目は青太字、悪化した項目は赤太字で表示しています。

Page No.	1	1	2	2	3	3	4	4	5	5	6	6	Green Range
Date (March)	18	19	18	19	18	19	18	19	18	19	18	19	-
Perfor- mance	100	100	99	99	97	98	98	98	98	98	98	99	90-100
FCP	1.05	1.08	1.24	1.17	1.38	1.44	1.13	1.21	1.26	1.12	1.12	1.15	0 - 1.8
TBT	0.00	0.00	0.00	0.01	0.09	0.03	0.01	0.03	0.01	0.00	0.01	0.01	0 - 0.2
SI	2.62	1.28	1.94	1.27	2.01	1.44	1.58	1.21	1.37	1.12	1.56	1.15	0 - 3.4
LCP	1.53	1.53	2.13	2.13	2.28	2.13	2.28	2.28	2.28	2.28	2.43	2.13	0 - 2.5
CLS	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0 - 0.1

Mobile の結果比較　18日 (CDN 有効) と19日 (CDN バイパス後)

Page No.	1	1	2	2	3	3	4	4	5	5	6	6	Green Range
Date (March)	18	19	18	19	18	19	18	19	18	19	18	19	-
Perfor- mance	100	100	100	100	100	100	100	100	100	100	100	100	90-100
FCP	0.48	0.33	0.32	0.32	0.36	0.36	0.39	0.32	0.32	0.32	0.32	0.39	0 - 1.80
TBT	0.01	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0 - 0.20
SI	0.79	0.36	0.88	0.58	0.83	0.69	0.70	0.77	0.74	0.59	0.77	0.52	0 - 3.40
LCP	0.48	0.45	0.51	0.51	0.55	0.55	0.61	0.55	0.59	0.59	0.63	0.75	0 - 2.50
CLS	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0.00	0 - 0.10

Desktop の結果比較　18日 (CDN 有効) と19日 (CDN バイパス後)

結果から分かった事をまとめます。

Mobile、Desktop 共に、QUIC.cloud CDN 無料枠を使い切った前後で、PageSpeed Insights の結果に大きな差は生じていない。
これまでは QUIC.cloud CDN の CDN ノードとの接続だったものが、LOLIPOP! レンタルサーバーとの接続に変わったが、大きな差が生じていない事から、LOLIPOP! レンタルサーバーと PageSpeed Insights を測定しているサーバーはネットワーク的に近いと推測できる。
パフォーマンスはほぼ変化なし。Mobile は 90台後半、Desktop は100のまま。
指標のうち、Mobile の FCP (First Contentful Paint) が悪化傾向、SI (Speed Index) が良化傾向。Desktop は SI (Speed Index) が良化傾向。
ただし、クローラー Cron が18日の 23:00 過ぎに動作して、ユニークな CSS の再生成が19日の02:00 頃まで行われていたので、この影響も考えられる。

という事で、QUIC.cloud CDN の使用の有無によって、少なくとも PageSpeed Insights の結果に大きな違いはないとの結果になりました。

この事から、大量に連続したアクセスがある場合を除き、QUIC.cloud CDN による分散とキャッシュは効果は少なく、LiteSpeed cache プラグインと QUIC.cloud による最適化 (画像の WebP化と Lazy Load、CSS、JavaScript) の効果が大きい事が分かりました。

まとめ

QUIC.cloud CDN の無料枠を使い切ったタイミングで、CDN が使用されている場合とバイパスされている場合とで PageSpeed Insights のパフォーマンスを比較しました。

CDN を使用する / バイパスする事による PageSpeed Insights への影響は軽微であり、QUIC.cloud の無料枠を使い切ったとしても、パフォーマンスへの影響はほとんどない事が分かりました。

それでも、PageSpeed Insights の結果は高いレベルを維持できている事から、LiteSpeed cache プラグインと QUIC.cloud による最適化の効果は、CDN をバイパスしている状態でも維持できており、当初考えていた通り、LiteSpeed サーバーと LiteSpeed cache プラグインの効果は非常に大きいと考えられます。

QUIC.cloud のページの最適化についても使用枠の 88% を使用済みであり、3月の残り 1/3 の期間で間に合うかどうかギリギリかもしれません。クローラー Cron が行われると 200個前後のユニーク CSS の再生成が発生しますので、翌月に持ち越しになるかもしれません。

とはいえ、QUIC.cloud CDN の無料枠を使い切っても、PageSpeed Insights の結果に影響しないと分かった事は収穫でした。来月以降の運用方法についても考えてみます。

今回のアイキャッチ画像

白熊を生成してみました。そろそろ呪文の書き方のノウハウについて調べてみたいと思っています。Waifu Diffusion だとアニメ調の画像生成が得意らしいですが、あまり美少女系は興味がないので、風景に特化した形で試してみたいと思っています。

自宅で使用しているマウスは Logicool G604 です。LIGHTSPEED による有線同等の接続と、Bluetooth をボタン一つで切り替えられるので、複数 PC やスマホ・タブレットと切り替えて使用する際に便利です。前世代の G603 は職場で使用していて、ボタン数は少ないですがこちらも使い勝手は良好です。

Logicool G ロジクール G ゲーミングマウスワイヤレス G604 MMO 15ボタン HERO 25センサー LIGHTSPEED ワイヤレス Bluetooth 接続対応国内正規品【ファイナルファンタジーXIV 推奨周辺機器】

Logicool G(ロジクール G)

￥29,800（2024/05/10 00:21時点）

Logicool G604 は2022年4月に購入しました。もう1年になるんですね。

無線マウス Logicool G604 購入 - hiroの長い冒険日記

2021年2月に Logicool G603 を購入し継続して使用してきました。LIGHTSPEED & Bluetooth 両対応である事と、LIGHTSPEED 接続であれば有線と同様の安定性がある事から、これまで使ってきて大きな不満は...