Désactivation des animations

Les animations présentes sur vos pages web (comme les carrousels déclenchés automatiquement par exemple) sont susceptibles de biaiser les mesures du Speed Index et du délai avant fin d'affichage. En effet, ces 2 indicateurs obtenus par analyse vidéo sont impactés par la stabilité de l'affichage et donc très sensibles aux animations.

Par exemple sur le filmstrip suivant :

video avec animation

Nous constatons que la page est complètement affichée dès la première vignette, il n'y aura plus de changement excepté le visuel principal qui défile en boucle automatiquement. Pourtant le "visuellement complet" (100%) n'est déclenché que sur la dernière image. Le Speed Index s'en trouvera donc également impacté.

Cette vision n'étant pas révélatrice de l'expérience utilisateur (même si les défilements automatiques sont déconseillés, il est pessimiste d'estimer que la page n'est pas totalement affichée avant 5 secondes).

Dareboost propose donc 2 options pour désactiver 2 types d'animations.

désactiver l'animation

SetTimeout() et setInterval() sont des fonctions javascript utilisées pour programmer le déclenchement de traitements, souvent utilisées pour des carrousels par exemple.
Attention cependant, leur désactivation n'est pas toujours neutre, d'autres comportements du site que des animations pourraient être affectés (pensez à vérifier votre filmstrip pour visualiser les changements ainsi que le nombre de requêtes de vos pages avec et sans cette option).

La deuxième option permet de désactiver toutes les animations en lien avec l'utilisation de CSS3.

IMPORTANT !
On notera que l'interface ne permet pas pour le moment de désactiver les vidéos en lecture automatique ni les GIF animés. Si vous avez ce besoin, contactez-nous.

Revenir au sommaire