Astroのビルドを速く保つための見直しポイント：遅くなる前に見る場所を決める
Astro 5製のこのサイトのビルド（astro build＋Pagefind）を速く保つため、遅くなる前に見る場所を決めておくメモ。まず2段に分けて計る手順、画像最適化・ページ生成・インデックス・依存といった伸びやすい要因、効く対策とやらない方がいい対策を整理します。
続きを読む#パフォーマンス
4 件の記事
Cloudflareのキャッシュと静的サイト：何が速くなるのか
Cloudflare Pagesで配信する静的ブログを前提に、エッジキャッシュで速くなる部分とそうでない部分を整理しました。HTMLと静的アセットの扱いの違い、デプロイとハッシュ付きファイル名で更新が伝わる仕組み、Cache Rulesやパージが必要な場面・不要な場面、計測するときの注意までまとめます。
続きを読むAstroの画像最適化を標準の astro:assets に寄せる
Astro 5 の標準機能 astro:assets で画像を最適化する実践メモです。Image と Picture の使い分け、src と public の置き場の違い、widths の指定、リモート画像の許可設定、幅・高さの自動推定による CLS 対策までをまとめました。
続きを読むAstroのアイランドアーキテクチャ入門：なぜ配信JSが減るのか
Astroのアイランドアーキテクチャを、client:load / idle / visible / media / only の使い分けから解説します。デフォルトでJavaScriptを送らない仕組みと、このブログの構成を例にした判断の手順、付けすぎで失敗するパターンを整理しました。
続きを読む