De début à fin 2017, le temps moyen de chargement des pages de wikis FANDOM en version bureau a baissé de 46 % grâce au développement de la modernisation qui a eu lieu tout au long de l'année dernière. Ce n'était toutefois que la partie émergée de l'iceberg, et notre équipe consacre beaucoup d'efforts à l'amélioration significative des performances sur le site mobile. Nous avons déjà enregistré de grands progrès avec une réduction de plusieurs secondes des temps de chargement pour les utilisateurs de données mobiles.
Comment sommes-nous arrivés là ?
Étapes suivies[]
Plusieurs facteurs sont à prendre en considération lors de la mesure des temps de chargement. Voici les principaux à la fois pour la version mobile et la version bureau.
- First Meaningful Paint : moment où les éléments importants de la page « au-delà de la ligne de flottaison » (c'est-à-dire les parties immédiatement visibles de la page) sont chargés.
- Time to Interactive : moment où l'utilisateur peut commencer à interagir avec la page et consommer le contenu (ce pour quoi il est arrivé là).
Nous avons travaillé sur une grande variété d'améliorations ayant un impact sur ces deux facteurs, dont certaines ont déjà été mises en œuvre :
- Nous avons modifié l'architecture de la mise en page mobile de façon extensive en supprimant le code non utilisé activement. Par exemple, la taille des fichiers CSS et JS a été considérablement réduite, ce qui a permis d'accélérer les temps de chargement.
- Nous avons réorganisé l'ordre de chargement des ressources des pages afin que les éléments les plus utiles soient chargés en premier.
- Nous avons optimisé un certain nombre de ce que l'on appelle les « dépendances », par exemple la connexion à notre fournisseur de vignettes d'images. Les images se chargent donc plus vite.
Tout le monde a ainsi pu constater des améliorations significatives. Vous pouvez voir ci-dessous une comparaison des temps de chargement de page entre la nouvelle expérience de chargement mobile et celle que nous avions même juste au début de l'année 2018. La vidéo suivante a été enregistrée sur un réseau 3G avec un smartphone Moto G4.
Résultats[]
Nous avons pris en compte un grand nombre de pages différentes lors du test de ces améliorations, mais voici un aperçu standard de ce à quoi cela correspond en termes d'expérience mobile :
- First Meaningful Paint : passage de 2,8 secondes à environ 1,1 secondes, soit une baisse de 60 %.
- Time to Interactive : passage de 7 secondes à environ 3,4 secondes, soit une baisse de 51 %.
Et les wikis mobiles ne sont pas les seuls concernés ! Les sections Actualités et articles FANDOM et Discussions se chargent également plus rapidement à la fois en version mobile et en version bureau. En ajoutant à cela le travail effectué sur la version bureau en 2017, le temps de chargement de l'ensemble du site est désormais bien plus court qu'il y a un an.
Avantages et prochaines étapes[]
Un site plus rapide a des avantages qui ne se limitent pas seulement à une expérience plus agréable pour les visiteurs. Un plus grand nombre de personnes consacre plus de temps à la lecture de votre contenu. Nos données montrent que plus le temps de chargement est court, plus le nombre de pages visitées par les utilisateurs augmente.
Mais ce n'est bien sûr pas terminé (l'est-ce jamais vraiment ?). D'autres améliorations sont prévues :
- Nous travaillons sur la réduction du temps de chargement de la première image des pages, la simplification de l'ordre de chargement des éléments des articles et l'accélération du passage d'une page à l'autre.
- Nous allons nous pencher sur de possibles changements supplémentaires à effectuer au niveau des publicités et de leur temps de chargement.
- Nous allons étudier la façon dont les moteurs de recherche analysent le site afin de déterminer s'il existe des moyens de figurer à une position encore meilleure dans les résultats de recherche.
Les efforts de modernisation de l'expérience wiki réalisés l'an dernier et les améliorations apportées aux temps de chargement dans les sections Discussions et Actualités et articles FANDOM permettent aux utilisateurs mobiles de disposer désormais d'un accès bien plus rapide à la grande gamme de contenu de FANDOM. La modernisation de la version mobile n'est pas terminée, et nous avons hâte de vous communiquer plus de mises à jour à l'avenir !
Vous pouvez consulter l'article original ici (en anglais).
Cliquez ici pour suivre les blogs du Staff.
Nous expérimentons ! Apprenez-en plus sur les types d'événements et autres choses que nous avons fait jusqu'à présent ou que nous prévoyons de faire !
Vous souhaitez un accès à temps réel à vos camarades éditeurs et au staff ?
Rejoignez notre serveur Discord officiel pour les utilisateurs enregistrés !