CDNを変えたら僅かに速くなりました
BootstrapやjQueryたちをCDN経由で引っ張ることも多いですよね。このCDNを変えたらちょっとだけ速くなった気がします。
上の図は、かなりショボい共用サーバーをlighthouseで見た模様です。画像なんかも無駄に大きくせず、かつ、webpを使うなどすぐできる軽量化は施し済みです。
そして、ふと、そういえばBootstrap 5はCDNが変わっているのを思い出しました。そう、stackpath.bootstrapcdn…ではなくjsDelivrに。
で、初めてjsDelivrが気になって調べたところ、かなり高速なCDNということが分かりました。しかも、BootstrapやjQueryの本元だけでなくプラグイン類まで範疇にしていると。そこでBootstrapとjQueryをjsDelivrから読み込んでみることにしました。
jQuery本体のみをjsDelivrから読み込んでみると僅か1ポイントながら嬉しい結果となりました。ただ、このサーバーはへなちょこ共用サーバーなので「Performance」は厳密な一定値を維持できる代物でもありません。次にBootstrapもjsDelivrにしてみました。
また1ポイントだけ嬉しい結果が得られました! 劇的には変わりませんが効果ありと言えなくはないですね!!
そして、忘れてはいけません。jQueryのプラグインもCDNから取ってきていましたので、こいつもjsDelivrにしてみましょう。そうすれば2~3ポイントの効果があるかも知れません。ワクワクしてプラグインもjsDelivrにしてみました。
あれ?やっぱり1ポイントです。90台後半を期待していたのでがっかりです。でも、最初から数えると3ポイント上昇ですから喜びたいですよね。
積極的に喜ぶ方法は簡単です。同じ状態をPageSpeed Insightsの「パソコン」で見るだけです!
やった!100点です!! これは喜んで良いと思います。ただし「モバイル」で見ると点数は下がります。
94点です。こういうときは、気持ちをパソコンファーストに切り替えつつタブを「パソコン」に切り替えて一旦パソコンを離れましょう。戻ってきたとき出迎えてくれる「100」の文字がまた再び喜びをくれます!