[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

Faut pas faire de lazy loading quoi

c'est à dire tu recharge la page plutot qu'implementer les donnés en js ?

tu devrai je pense mettre tout le contenu dans une fonction js avant de les afficher, j'imagine que actuellement tu met dans le html c'est ca ?

je suis désolé mais je vois rien qui cloche ..

sinon faut rester sur la meme page pour afficher ces info et mettre un effet d'animation pour ne pas avoir cette sensation que ca pop d'un coup

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.

la methode simple c'est de mettre une animation css avec un dellai de chargement,

et d'afficher l'animation que quand les données sont recuperés coté js.

tu peux le faire bete et mechant et juste mettre un delai de 0.25s apres...

mais la le soucis c'est que je vois sur ton url que t'es plus sur la meme enfin je crois voir d'apres ta capture en 140p

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.