[DEV] Comment éviter les flash d'informations lors des chargements de page ?

Je fais une Single page app

Donc quand je vais sur un page, pendant une demi seconde, on voit les posts s'afficher l'un après l'autre. Pareil sur les profil, ça charge la page de profil "vierge" puis ça affiche les données d'utilisateur après

Je voudrais que la page de s'affiche pas tant que tout n'est pas chargé, et que l'utilisateur reste alors un temps sur la page précédente.

exemple - la qualité est dégueulasse mais ça empêche pas de comprendre le problème :

Langage / framework employés ?

VueJS pour le front et django pour le back

Je comprends pas ce que tu essayes d’expliquer

Il faut render qu'une fois que les données sont prêtes, et afficher un squelette/un masque de chargement en attendant

Tu viens toi même de décrire le probleme.

Oui l'URL n'est plus la même mais sur VueJS c'était juste "visuel" disons, il n'y a que le gros conteneur de la page qui est remplacé, le reste de la page lui ne change jamais, et comme tu vois la page dans son ensemble de se recharge pas (puisque c'est une SPA)

je vais essayer de faire ce que tu m'as dit mais il faudrait synchroniser la durée de l'animation avec le chargement, si l'utilisateur a une connexion flinguée il faudra peut être rallonger.