#パフォーマンス

Apache POIでOOXMLの骨格を作り、sheetDataだけを自前ストリーミングするハイブリッド手法。XLSXの互換性と大量セル書き込みの速度を別問題として扱う。

ParetoのStreaming SSR記事をもとに、複数APIを待つSSRページでTTFBが悪化する理由と、DevTools・APMで確認する観点を整理する。

記事にWebM/MP4を埋め込むとページが重くなる。preload="metadata"で最初のフレームだけ読み込み、クリックで再生開始する仕組みをrehypeプラグインで実装した。

Astro公式推奨のPartytownを使ってGA4を導入する方法。Web Workerで実行することでメインスレッドをブロックせず、Core Web Vitalsを維持できる。

YouTube公式の埋め込みコードは重い。rehypeプラグインを自作して、サムネイル表示→クリックでiframe読み込みする仕組みを実装した。