[AJAX] Chargement HTML après un délai

Bonjour !!

Je travaille actuellement sur un site qui amène l'utilisateur à faire des réservations dans un planning fait en HTML/PHP. L'utilisateur peut faire autant de réservations qu'il le souhaite tant que les disponibilités du planning le permettent.

Seulement, il s'avère que le temps de chargement d'une page contenant un planning avec de nombreuses réservations peut être très long. (Une page contenant une quinzaine de réservations peut mettre jusqu'à 5 secondes à se charger)

J'ai donc pensé que l'idéal serait avant tout de charger et afficher la page contenant le planning, puis, petit à petit, charger et afficher chaque réservation une après l'autre. (Une réservation est un block HTML div) Je suis pas très calé en JS/AJAX, mais je sais qu'il est possible d'afficher ou cacher des éléments avec JS via la propriété CSS display.
Cependant je ne crois pas que cette solution puisse fonctionner puisque le code des réservations est tout de même chargé, même s'il ne s'affiche pas.

Aussi, je voulais savoir s'il était possible de réaliser ma requête d'une autre manière en utilisant le JS ou l'AJAX... ?

Merci d'avance et bonne journée ;)

Si ta page met autant de temps à se charger en local je suppose si tu es en cours de dev, c'est qu'il y a un autre soucis de perf à régler coté PHP.

En effet, 15 enregistrements en 15 secondes, c'est super long, tu doit avoir un gros problème d'algorithme, comme des requêtes dans des boucles imbriquées ou quelque chose comme ça