Astro7を導入した
💡 Summary
この記事では、個人開発ブログ「Scriptone」においてAstro 7.0を導入し、ビルド時間を2分9秒から1分6秒へと約50%短縮した実績を報告します。また、PageSpeed Insightsのモバイルパフォーマンスで99%を達成しCLSがほぼ0になった点を紹介し、表示速度の向上がユーザー体験だけでなく、PerplexityなどのAI検索エンジンによる引用可能性を高めるための不可欠な土台であると指摘します。良質なテキストを発信する前提として、速度やセマンティック構造といったWebサイトのラストワンマイルが重要であるという洞察を記述しています。
本日2回目の日記です。今日は1時に起きてそのままお仕事でしたが、日記の更新とともにAstroのBuild時間が長くなってきたことが気になり高速化を進めることとしました。その中でタイミングよくAstro 7.0がリリースされたことを知ったのでビルド速度の改善をしながら導入することとしました。
Astro 7.0の導入とビルド時間の短縮
Astro 7.0の導入によってビルド時間はどの程度改善されますか？
結論: 当サイトの実測値において、ビルド時間は2分9秒から1分1秒へと約53%短縮されました。
- 作用機序: Astro 7.0におけるビルド処理やルーティング生成の効率化により、静的アセット出力が高速化されます。
- エビデンス: 公式発表の「最大60%のビルド速度向上」の通り、実際の個人開発ブログ環境でも約53%の高速化（1分8秒短縮）を確認しました。
Astro 7.0では様々なアップデートが行われていますが、ビルド・表示速度の高速化、ルーティングの改善、デバッグログの強化など、地味ながら開発体験に直結する分かりやすい進化を遂げています。
Scriptoneのような比較的小さなサイトであっても、これまではビルドからデプロイまでに2分9秒を要していました。しかし、今回の最適化とAstro 7.0への移行を組み合わせた結果、1分1秒へと大幅に短縮。公式のアナウンスにあった「最大60%のビルド速度向上」という謳い文句通り、実際の個人開発環境でも約50%（ほぼ半分）の時間短縮という大きな恩恵を体感できました。
PageSpeed Insightsでの評価と表示速度の改善
Astro 7.0の導入による表示速度への影響は？
結論: PageSpeed Insightsのモバイルパフォーマンスで99%を記録し、CLS（Cumulative Layout Shift）もほぼ0に改善しました。
- 作用機序: レンダリング時の不要な遅延が排除され、ページのレイアウト安定性が向上します。
- エビデンス: PageSpeed Insightsでの計測において、28日間のフィールドデータでもCLSの数値がほぼゼロを維持していることを確認しています。
実際の体感速度への影響はログの蓄積を待つ必要がありますが、PageSpeed Insightsの計測ではモバイルパフォーマンスで「99%」を記録しました。レイアウトのズレを示すCLS（Cumulative Layout Shift）の予測値もほぼゼロへと抑え込まれており、今後28日間のフィールドデータが蓄積されていく中で、回線環境の厳しいモバイルユーザーにとってもよりサクサクと動く、ストレスのないサイトになっていくのではないかと期待しています。
AI検索時代におけるWebサイトの速度と構造の重要性
AI検索エンジンからの引用（RAG等）において重要なWebサイトの土台とは？
結論: ページの表示速度、クリーンなサイト構造、およびセマンティックなHTML構造が最優先されるべき土台となります。
- 作用機序: AI検索クローラーは、応答速度が遅いサイトからの引用機会を失います。クリーンな構造とセマンティックHTMLが、AIへの配慮（ラストワンマイル）として機能します。
- エビデンス: PerplexityやChatGPT Search等のAI検索の動作モデルにおいて、RAGでの正確な情報抽出は主述の明快なテキストと速度に支えられています。
Perplexityを筆頭に、GoogleやOpenAIなどによるAI検索（RAG）の存在感が日増しに高まっています。これらのエンジンに適切にインデックスされ、引用されるためには、AIクローラーが「素早く、信頼性の高い独自情報」を収集できる環境を整えることが重要です。
どれほど質の高いテキストを書いていても、ページの応答速度が遅ければ、AIに発見され引用される機会そのものを失ってしまいかねません。つまり、これからのWebサイトは「表示速度」という大前提の土台があり、その上に「サイトのクリーンさ（不要なスクリプトの排除など）」があり、さらにその上に「コンテンツの本質的な階層構造」が成り立つという、明確なピラミッド構造を意識する必要があります。
従来の「人間が検索して辿り着くWeb」であれば、多少の速度低下や構造の雑さがあっても、最終的に人間の目でカバーできていたかもしれません。しかしAI検索を内包するこれからの時代は、まず「AIに対する配慮（セマンティックな構造や速度）」を徹底することが、巡り巡ってその先にいる人間の満足度やサポートに繋がります。テキストの品質そのものだけでなく、情報を届けるための「ラストワンマイル」として、サイトの構造や速度といった足腰の強さがより一層問われるようになっていると感じます。
個人開発サイトとこれからの発信スタイル
このサイトの日記はAIのために書いているわけでもありませんし、Diaryのトップページのように「薬にも毒にもならないことを自由に書く」スペースであるので好き放題に書くと思います。その上でAIやその先の人間にとって役立つ情報であれば嬉しいとは思うので、今回のAstro 7.0の導入は好きな文章を書いて発信するという観点で、私にとってしっくりくるものがあり非常にありがたいアップデートだったと感じました。Astro 7.0とFrontMatterCMSで作る小さなサイトというのも楽しいので、物好きな方がいればぜひお試しください。
マインドマップ
参考リンク
- Astro公式サイト
- Astro 7.0 リリースノート
- PageSpeed Insights
- GEO対策としてAI・人間向けのアトミックアンサーのカードを作った（同日に執筆したAI検索最適化の実装記事）
- Starwind UIを採用した（今月導入したAstro向けUIライブラリ）
- ScriptoneをSvelteからAstroに書き直しました（Astro導入の経緯とサイト移行の記録）