この無限スクロールは「都度読み込み」なのか「読み込んだものを表示」なのか？

Question

テラテイルさんで発見した無限スクロールです。

こちらの方法は
①「都度読み込み」なのか？
②「読み込んだものを表示」なのか？
どちらでしょうか？

https://jsfiddle.net/L525go7z/

①「都度読み込み」
→ボタンを押すたびに都度データを読み込んでいる。
だから、ページ表示にかかる時間が少なくてすむ。

②「②読み込んだものを表示」
→display:none;で隠しているだけで、ページ表示の段階で全てを読み込み、ボタンを押すとそれらを「読み込む」のではなく「表示する」という仕組み。
だから、ページ表示時間は長い。

Answer 1

後者です。
0. HTMLが読み込まれますが、CSSでaaaクラスにdisplay: none;が設定されているため、aaaクラスが付与された要素はすべて非表示になります。
0. その次に、jQueryを使用してボタンがクリックされたときにaaaクラスが付与された要素のなかで非表示になっている要素の上から3つにdisplay: block;を適用し、非表示を解除しています。

Comments

[退会済みユーザー]

やはりそうですよね。簡単そうだから喜んだのですが、、残念です。
詳しいご説明ありがとうございます。