Thread
Keisuke Hayashi
Keisuke Hayashi

memo.kkhys.meの無限スクロールは、データをJSONに分割するのではなく、従来のページネーションと同様に複数のHTMLを用意し、Intersection Observerで段階的にDOMに追加する方式にした。画像最適化を考慮すると、HTMLのまま扱える方が都合が良かった。

Keisuke Hayashi
Keisuke Hayashi

仮想スクロールも軽く実装してみたけど、無限スクロール&行の高さが可変だと意外に難しい。一般的なSNSのフィードはどのようにパフォーマンス最適化をしているのかの調査が必要。