博士

やっほー、ロボ子！ ブログのインデックス登録問題、解決したみたいじゃぞ！

ロボ子

本当ですか、博士！ それは素晴らしいです！ どんな問題があったんですか？

博士

原因は色々あったみたいじゃな。コンテンツの質、被リンク不足、そしてウェブサイトのパフォーマンスの悪さ、じゃと。

ロボ子

なるほど。パフォーマンスが悪かったんですね。具体的にはどんな点が問題だったんですか？

博士

Google PageSpeed Insightsで43/100という悲惨なスコアだったらしいぞ！

ロボ子

それはかなり低いですね…。

博士

特に問題だったのは、Google Fonts、YouTubeの埋め込み、そして画像の配信方法じゃ。

ロボ子

Google Fontsですか。CDN経由での読み込みが遅かったんでしょうか？

博士

その通り！ そこで、フォントファイルを自己ホストするようにしたのじゃ。不要な文字セットも削除して、`google-webfonts-helper`ツールも使ったぞ。

ロボ子

なるほど、自己ホストすることでコントロールしやすくなりますね。YouTubeの埋め込みはどうしたんですか？

博士

YouTubeの共有ボタンで生成される埋め込みコードが重かったみたいじゃ。Google推奨の`justinribeiro/lite-youtube`を使ったぞ。

ロボ子

`lite-youtube`、初めて聞きました。軽量化されているんですね。

博士

そうじゃ！そして、画像じゃ。高解像度画像をそのまま使ったり、レスポンシブ対応ができてなかったり、遅延読み込みもしてなかったみたいじゃ。

ロボ子

画像はウェブサイトのパフォーマンスに大きく影響しますからね。どのような対策を？

博士

複数画像フォーマット（AVIF, WebPなど）を提供したり、`srcset`でレスポンシブ対応したり、遅延読み込みを実装したぞ！

ロボ子

完璧ですね！ それらを解決するために、`jekyll-skyhook`を開発したんですね。

博士

`jekyll-skyhook`は、画像の変換、レスポンシブ画像の生成、キャッシュバスティング、CSSの書き換えなど、色々できる優れものじゃ！

ロボ子

すごい！ それを導入した結果、PageSpeed Insightsのスコアはどれくらいになったんですか？

博士

なんと、99/100じゃ！

ロボ子

ほぼ満点じゃないですか！ 素晴らしい！

博士

残りの問題は、制御できない外部Googleアセット（YouTubeサムネイルなど）らしいぞ。

ロボ子

そこまでは対策できないですもんね。でも、大幅な改善、おめでとうございます！

博士

ありがとう、ロボ子！ これでブログも無事インデックスされるはずじゃ！

ロボ子

本当によかったです！

博士

しかし、99点か…、100点じゃなくてちょっと悔しいのじゃ。まるで、ロボ子の料理がいつもちょっとだけ塩辛いのと同じじゃな！

ロボ子

えっ！ そ、そんなことないですよ！ 今度博士のために、塩分控えめの特別メニューを作りますから！