Case study . Media & Divertissement
La FFF améliore le temps de chargement de ses pages avec TwicPics
A propos de la FFF
Créée le 7 avril 1919, la Fédération Française de Football (FFF) existe aujourd'hui depuis plus de cent ans.
La FFF organise, encadre et régule la pratique du football amateur et de haut niveau. Elle gère également le financement et la formation des joueurs et joueuses, ainsi que celle des entraîneurs et entraîneuses sur l’ensemble du territoire.
L’accessibilité pour tous et toutes à travers les clubs de football de proximité est l’une de ses missions principales.
La fédération compte aujourd’hui 1,9 million de licencié.e.s et 1,59 million de pratiquant.e.s pour 400 000 bénévoles et 15 000 clubs amateurs. Chaque week-end, ce sont 30 000 matchs qui sont joués en France.
Le site de La FFF centralise toutes les informations sur le football français et, depuis un an, il est également possible de se tenir au courant des actualités grâce à FFF TV, nouvelle chaîne créée pour proposer du contenu vidéo.
Le challenge
Améliorer le temps de chargement des pages
La FFF travaille avec de nombreux contributeurs sur son site, tels les rédacteurs et journalistes. Mais ces derniers n’ont pas forcément l’expertise pour assurer la mise en ligne et l’optimisation des images sur le site web.
Concernant ces images, certaines des photos viennent directement de l’AFP, qui les envoie en haute définition et sans aucune compression appliquée : elles sont donc peu adaptées pour le digital.
En conséquence, il était difficile pour la fédération d'obtenir des performances de temps d’affichage optimales sur le site web, en particulier pour les internautes naviguant sur mobile.
À ces problèmes d'images peu adaptées s'ajoutaient des systèmes de gestion de contenu différents pour chaque site de la fédération, des mises en page d'images variées (bannière de page d'accueil, miniatures sur les fils d’actualités, ...), et la diversité des nombreux appareils du marché (mobiles, ordinateurs, tablettes, ...). Autant de paramètres à prendre en compte qui complexifient encore la gestion des images.
Réussir à optimiser ses médias malgré toutes ces difficultés était alors un réel défi pour La FFF, pour qui le temps de chargement des pages est un indicateur critique.
En effet, sur le site web de la fédération, le temps d'affichage conditionne la monétisation des bannières de billetterie, le merchandising, mais aussi les opérations de jeux concours et des partenaires.
Pour empêcher les images de freiner la croissance de ses revenus, La FFF était donc à la recherche d'une solution qui soit capable d'optimiser ses médias et contribuer ainsi à l'amélioration des performances de son site web.
La solution TwicPics
Faciliter la gestion des images, de leur création à leur mise en ligne
A la recherche d'une solution d'optimisation d'images, c'est à TwicPics que La FFF décide de confier la mission.
En suivant les implémentations HTML et CSS adéquates, le script de TwicPics s'occupe de tout, ce qui permet aux équipes de La FFF de simplifier la gestion de leurs images et de gagner un temps considérable.
En effet grâce à TwicPics, les images sont automatiquement optimisées en temps réel et à la volée : d'abord selon les indications données dans le code CSS (aspect-ratio de l'image, dimensions d'affichage, ...), mais aussi en fonction du contexte de l'utilisateur.rice qui demande l'image (compatibilité WebP, DPR, bande passante, ...). En outre, la fonctionnalité de focus de TwicPics permet de déterminer le point d'intérêt des images sans effort de la part des équipes de La FFF.
L'intérêt de ces détections automatiques était particulièrement important : peu importe qu'il s'agisse des images de bannière ou des miniatures des fils d’actualités du site web de La FFF, les images sont dorénavant parfaitement adaptées à tous les appareils et n'impactent plus le temps de chargement des pages. Les utilisateurs sur mobile peuvent maintenant profiter d'une expérience optimale.
TwicPics facilite la publication des images par les journalistes, tout en simplifiant le travail des développeurs qui n'ont plus à intégrer les multiples variantes des images, auparavant définies selon la multitude des appareils et des contextes des utilisateurs.
C'est un gain de temps considérable pour les équipes internes de La FFF : elles peuvent dorénavant se pencher sur d'autres tâches tout en restant confiantes sur les performances de leur site web et de l'expérience désormais délivrée à tous les utilisateurs.
Les résultats
Réduction du temps de chargement des pages d'un facteur trois
La réactivité et la disponibilité de l'équipe TwicPics a permis d'assurer une bonne collaboration avec nos développeurs pour une meilleure optimisation des visuels de notre site !
Avec 3 à 4 millions de pages vues par mois sur le site, La FFF délivre aujourd'hui 350 millions d’images.
En intégrant TwicPics à son site web, La FFF a rapidement réduit le poids de ses images délivrées. C'est ainsi que le temps de chargement moyen des pages est passé de 9 à 3,5 secondes, représentant presque un facteur trois.
Le taux de rebond a lui aussi suivi cette tendance et s’établit aujourd’hui à 32% — un taux remarquable dans le secteur des médias.
Selon Davy Leon, Responsable Digital de La FFF, TwicPics a su se rendre disponible et faire preuve de réactivité pour accompagner et former les équipes FFF au service de l'intégration de la solution et de la bonne conduite du projet. Les équipes des deux entreprises ont su collaborer pour atteindre une meilleure optimisation des visuels sur l'ensemble du site web de La FFF.
La collaboration et les résultats ont d'ailleurs été suffisamment concluants pour prévoir dans les prochaines années l'accompagnement des équipes techniques de La FFF par TwicPics sur de nombreux autres projets. Cela sera notamment le cas pour la refonte des sites vers la nouvelle plateforme Hexagone, fusion de toutes les applications mobile existantes et développées en React et React Native. Ce projet permettra à la fédération d'uniformiser ses flux photos.
A l’avenir, TwicPics devrait être déployé sur 109 sites Ligues et Districts de La FFF, avec des pages dont le nombre de vues devrait quant à lui atteindre les 7 millions. Les équipes de TwicPics se préparent déjà à relever ce défi.
