要素数が多いページでロードに時間がかかっていたのでどうすればいいかと考えていた。lazyloadを使って画像を読み込むのを遅らせる方法も試したが、サイトの処理が複雑になっていたので使わなくなった。
要素をページで区切って表示することで、サイトの読み込みを短縮しようと思う。ページネーションはサーバーサイドで処理することが多い。だけどフロントエンドでJSによって表示を切り替える方法を試した。そうするとサーバーのレンタルが安くなるだろうという考え。
これを見てやってみたが、bootstrapのスタイルシートが反映されなかった。
aタグに<a class=\"page-link\"></a>と書き換えたら反映されるようになった。
実際の表示はページネーションで要素が多いページを分割して表示する
