Étude de cas · Mobile · Performance
Étude de cas : accélérer le site mobile d'une auto-école parisienne
Le site d'une auto-école du 11e arrondissement de Paris existait déjà. Le travail a porté sur sa vitesse sur téléphone et sur l'organisation de ses pages, sans repartir de zéro.
Le contexte : un site mobile d'auto-école à alléger, pas à refaire
Le client est une auto-école du 11e arrondissement de Paris, près des Filles du Calvaire. Son site, www.cosmosparis.fr, présente le permis B en boîte manuelle ou automatique et le permis accéléré. Il couvre aussi la conduite accompagnée, le permis moto et le financement par le CPF.
Le site existait avant l'intervention de Yappro. Il ne s'agissait pas de le recréer mais de l'optimiser : le rendre plus rapide sur mobile et mieux organisé pour la recherche.
Le problème : des bibliothèques externes chargées à chaque visite
Comme beaucoup de sites, celui-ci s'appuyait sur des bibliothèques hébergées ailleurs, par des CDN. Bootstrap servait à la mise en page, Google Fonts aux polices, Font Awesome aux icônes.
Sur un téléphone, chaque serveur externe demande une connexion de plus avant le premier fichier utile. Ces bibliothèques peuvent aussi contenir du code que la page n'utilise pas. Le texte et les images risquent donc de s'afficher plus tard.
Lighthouse, l'outil de mesure de Google, en tient compte dans sa note. L'affichage du plus gros élément de la page (LCP) y compte pour 25 % du score de performance. Le temps de blocage (TBT) en pèse 30 % (Chrome for Developers, consulté le 28/09/2026).
Ce qui a été fait le 31/08/2026 : des ressources auto-hébergées
Le 31/08/2026, les appels aux CDN ont été retirés. Les feuilles de style, les polices et les icônes sont désormais servies par le site lui-même, depuis son propre hébergement, sous forme minifiée.
- Moins de connexions externes : la mise en page, les polices et les icônes ne dépendent plus d'un serveur tiers.
- Des fichiers minifiés : débarrassés des espaces et des commentaires, ils pèsent moins lourd à télécharger.
- Des polices chez soi : elles ne sont plus demandées aux serveurs de Google à chaque visite.
Le même travail vaut pour tout site qui charge ses polices, ses icônes ou sa mise en page depuis un serveur externe.
Des pages par formation et par quartier
Le second volet concerne le contenu. Une personne qui cherche une boîte automatique ou un permis accéléré doit tomber sur une page qui en parle directement. Pas sur un paragraphe perdu dans l'accueil.
Le site propose donc une page par formation : boîte automatique, permis accéléré, conduite accompagnée, passerelle de la boîte automatique vers la boîte manuelle, permis moto et CPF. D'autres pages présentent l'auto-école aux habitants des quartiers voisins : le Marais dans le 3e, le 4e arrondissement et République dans le 10e.
Résultats : le score mobile avant et après, à mesurer et dater
Un score de vitesse n'a de sens qu'avec sa date, l'outil utilisé et les conditions du test. Le score de départ a bien été relevé, mais sa date reste à préciser. Il n'est donc pas publié ici.
Score avant et après : à mesurer et dater. La prochaine mesure se fera avec PageSpeed Insights, sur mobile, et sera publiée avec son jour. Les effets sur le référencement se liront ensuite dans la Search Console, sur plusieurs mois.
Leçon retenue : noter la date de chaque mesure dès le premier jour.
Accélérer votre site mobile sans le refaire
Un site récent mais lent n'a pas toujours besoin d'une refonte. Retirer des bibliothèques externes, compresser les images et différer les scripts peut suffire à l'alléger.
La page refonte de site internet aide à savoir quand une optimisation suffit, et la grille des tarifs donne les prix de départ. Pour un premier avis, envoyez le lien de votre site avec ce qui vous gêne sur téléphone.