Optimisation chargement page web via PJAX

Bonjour,

Ce projet s'inscrit dans le cadre d'un développement du site web d'un centre d'art contemporain français. Le site actuellement en construction rencontre un problème de chargement. Lors de l'ouverture de la page, le site est long à chargé, et le but est de réduire ce temps.
Le diagnostic : + de 5000 éléments DOM à réduire autour de 500. Pour cela, deux choses sont attendus :

A. Un chargement AJAX+Pushstate (Pjax) sur la partie principale du site, où des fiches cliqués ouvrent leur contenu via un appel AJAX. Voici les étapes de ce chargement :

1. Clic sur une fiche
2. Un div "chargement" s'affiche à la hauteur de la fiche
3. La fiche est chargée et s'affiche.
4. Un "#ID_de_la_fiche" s'ajoute à l'URL pour naviguer dans l'historique
5. La scrollbar se positionne sur celle ci
6. Le contenu est lisible (plugin vidéo/audio et carousel fonctionnel)
7. On clic sur une autre fiche, le "div" chargement s'affiche et quand celle-ci est chargé, la fiche précédente est fermée et rejoue les étapes 4-5-6-7

B. L'autre partie du site concerne un calendrier sur trois ans. Celui-ci génère beaucoup d'éléments DOM est doit être réduits.

D'autres conseils ou améliorations seront les bienvenus. Le site utilise le CMS Kirby 2.3.2.