質問: 1ページのhtmlファイルや、phpで作られたhtmlページが重たいので、 いくつかに分割して、スクロールして読み込むことが出来たら良いと思っていました。 例えば5回くらいに分割して読みながらフッターまで行くような感じで。 1度で表示できなくもないですが、少し重いと言えば重いと自分では思っています。 そして分割してスクロールするようなサイトを見たことがあったので 調べてみた所、「無限スクロールの実装」、「もっと見る」などあったのですが、 これらは で、ネット上を自分で調べてみたところ、 「無限スクロールの実装」、「もっと見る」、のような機能についてはあったのですが、 これは読んだら次のファイルに行くタイプのもの、例えば a.html b.html c.html d.html e.html などの形に5つ用意してそれぞれを読んで進んでいくもの・・と自分なりには解釈しましたが・・ phpやhtmlが先に1枚あったとして、本来はこれを5枚のファイルに分けるべきかもしれませんが、 1枚のファイルの中で、数回でフッターまでたどり着くことは不可能でしょうか?
回答: JavaScriptにしろ、PHPにしろ、遅延ロードはかなり難しい分野になります。 むしろJavaScriptなら、別ファイルを非同期で読み込むなどの方法があるのでまだマシですが、 PHPは出力したものを、ブラウザに返すので、API的に次のファイルを読み込むって形でないと遅延ロードは難しいかと思います。 (出力されてしまっているため、先にパースとレンダリングが走る) そこで、 `template`要素を使うことをお勧めします。 これは、DOMとしてパースは行われてしまいますが、 **ページロード時にレンダリングを行わない**という性質の要素になります。 この要素の中に入った全ての要素、画像はレンダリングが行われないため、 その分速度を担保できます。 あとは、スクロールによって、要素位置付近まできたら、 `template`の中身を取り出し、対象のDOM(位置)に出力する、という方法がいいでしょう。 そこまでやらなくても、画像の遅延のみで解決できそうなら、 maisumakunさんのご回答とおり、画像の遅延のみでもいいかと思います。 (実際それだけでもだいぶページ表示速度上がります) いずれにせよ、JavaScriptでコントロールできます。