技術 2026年1月10日(土) 約4分 Astroでローカル動画を遅延読み込み：preload="metadata"とrehypeプラグイン 記事にWebM/MP4を埋め込むとページが重くなる。preload="metadata"で最初のフレームだけ読み込み、クリックで再生開始する仕組みをrehypeプラグインで実装した。 Astro パフォーマンス rehype JavaScript
技術 2025年12月29日(月) 約2分 AstroサイトにGoogle Analytics (GA4) をPartytownで導入する Astro公式推奨のPartytownを使ってGA4を導入する方法。Web Workerで実行することでメインスレッドをブロックせず、Core Web Vitalsを維持できる。 Astro Google Analytics Partytown パフォーマンス
技術 2025年12月7日(日) 約4分 AstroでYouTube埋め込みを軽量化：rehypeプラグインで遅延読み込みを実装 YouTube公式の埋め込みコードは重い。rehypeプラグインを自作して、サムネイル表示→クリックでiframe読み込みする仕組みを実装した。 Astro YouTube パフォーマンス rehype JavaScript
