静的サイトのビルド時のイメージの最適化: WebP および AVIF パイプライン
LCP 速度の最適化: ビルド時の画像の WebP への変換により、画像のペイロード サイズが 60 ~ 80% 削減され、LCP 時間が 1.2 秒未満に短縮されます。 Hugo レンダー フック: カスタム render-image.html テンプレートをデプロイして、srcset 配列を使用して応答性の高い タ …
記事全文を読む無駄はありません。以下の各ガイドにはステップバイステップの技術仕様と、ClaudeやChatGPTに入力できるコピー&ペースト可能なプロンプトが含まれています。
LCP 速度の最適化: ビルド時の画像の WebP への変換により、画像のペイロード サイズが 60 ~ 80% 削減され、LCP 時間が 1.2 秒未満に短縮されます。 Hugo レンダー フック: カスタム render-image.html テンプレートをデプロイして、srcset 配列を使用して応答性の高い タ …
記事全文を読む