Performance
Squelettes de pages et de contenus
Définition
La page de squelette rassemble une variété de composants de type “zoning” ou “wireframe” afin de représenter un modèle basse fidélité d’une page dont les contenus sont en cours de chargement.
Par ce principe, la perception du temps d’affichage est amoindrie et le niveau de performance de la page est augmenté.
Fonctionnement
Pour créer un squelette sur une page où un composant, ajoutez lui la classe is-loading. Une fois le composant chargé, retirez la classe is-loading et ajoutez la classe is-loaded, Trilogy se chargera alors de modifier son apparence de la façon suivante :
Subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.
Subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, aliquam at neque eu, vulputate vera.
Conseils d'utilisation
- Ne pas utiliser de squelettes lors du chargement de contenu asynchrones
- Utiliser un squelette lors du chargement de contenu asynchrones