ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Web上のプログラミングで面倒なのがDOM操作です。DOMの構築やレンダリングは遅く、大量のDOMを描こうとするとメモリリークしたりします。ハイブリッドアプリ開発などで常に問題視されるのが速度であり、その原因はDOMにあります。

一例として、スクロールに伴うコンテンツ追加を実現する際にはInfinite Scrollを使ってみると良いでしょう。

Infinite Scrollの使い方

Pinterest風に画像が追加表示されるデモです。

通常のWebページでのデモ。スクロールバーの位置が変わっています。

Infinite Scrollを使うと次のページを先読みして追加表示することでユーザストレスなく連続してコンテンツを楽しめます。ページネーションで細かくPVを稼ぐよりもユーザ体験向上につながるライブラリです。

Infinite ScrollはJavaScript製のオープンソース・ソフトウェア(GPL v3)です。

Infinite Scroll

metafizzy/infinite-scroll: ? Automatically add next page

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2