Pourquoi le site de votre club est lent sur téléphone (et comment le mesurer)

Fin septembre, les trimarans ULTIM ont tourné vingt-quatre heures au large de Lorient, à des vitesses qui dépassent souvent 40 nœuds. Sur ces bateaux, rien n'est embarqué par habitude : chaque kilo doit justifier sa place. Le site d'un club de voile, lui, transporte souvent des kilos de trop. Et c'est sur téléphone, là où la plupart de vos visiteurs le consultent, que ça se voit.

Le test en deux minutes

Première mesure, la plus parlante : coupez le wifi, ouvrez votre site sur votre téléphone en 4G, et comptez les secondes avant de voir autre chose qu'un écran blanc ou un logo qui tourne. Faites-le depuis le parking de la base nautique, pas depuis le bureau.

Deuxième mesure, plus précise : l'outil gratuit de Google, PageSpeed Insights. Collez l'adresse de votre site, et regardez l'onglet mobile. Si votre site a assez de visiteurs, l'outil affiche en haut les données réelles relevées chez vos visiteurs ; sinon, seulement une simulation. Les deux sont utiles, mais les données réelles priment.

Les trois chiffres à regarder

Google résume l'expérience d'une page en trois mesures, qu'il appelle les Core Web Vitals. Pas besoin de retenir les sigles : retenez ce qu'ils mesurent.

• Le temps d'affichage du contenu principal (LCP). Combien de temps avant que le visiteur voie le cœur de la page : la photo d'accueil, le titre, la liste des stages. Google le juge bon sous 2,5 secondes.
• La réactivité (INP). Le délai entre un geste, ouvrir le menu, toucher un bouton, et la réaction de la page. Bon sous 200 millisecondes. Au-delà, le site paraît figé, et on tape deux fois.
• La stabilité (CLS). Les éléments qui bougent pendant le chargement, juste au moment où l'on allait toucher un lien. Bon sous 0,1.

Pour donner un repère, le site que j'ai construit pour Nerida, avec ses photos de navigation et sa réservation en ligne, affiche son contenu principal en 1,3 seconde sur un téléphone en réseau moyen, sans aucun décalage au chargement, pour 445 Ko par page. Le détail est sur la page Réalisations.

Ce que la lenteur coûte vraiment

Un site lent ne déclenche aucune alerte. Personne ne vient se plaindre à l'accueil : les gens repartent, simplement. Un parent cherche un stage de voile pour son enfant, ouvre le premier résultat, attend, revient en arrière, et ouvre le suivant. L'école suivante gagne une inscription, peut-être une famille pour des années. Vous n'en saurez jamais rien.

Côté Google, la vitesse compte, mais il faut être honnête sur son poids : elle pèse moins que la pertinence du contenu. Un site rapide qui ne parle pas de vos stages ne sera pas trouvé. En revanche, entre deux pages qui répondent aussi bien à la recherche, la plus rapide a l'avantage, et c'est elle que le visiteur garde ouverte.

Les cinq causes les plus fréquentes sur un site nautique

1. Les photos envoyées telles quelles. C'est la première cause, de loin. Une belle photo de régate prise au téléphone pèse plusieurs mégaoctets. Mise en ligne sans retouche, elle est chargée en entier, même pour être affichée en vignette. Une page d'accueil avec un diaporama de cinq photos de ce type peut peser plus lourd que tout le reste du site réuni.

2. Le thème qui charge tout, partout. Les thèmes tout-en-un et certains constructeurs de sites embarquent le code de dizaines de fonctions, que vous les utilisiez ou non, sur chaque page.

3. Les extensions empilées. Un formulaire, une galerie, un calendrier, un module de réservation, un bandeau cookies : chacun ajoute ses propres fichiers. Pris un par un, ils sont légers. Ensemble, ils ralentissent tout.

4. Les éléments venus d'ailleurs. Le widget météo, le flux Instagram, la vidéo YouTube en haut de l'accueil, la carte intégrée. Chacun va chercher ses ressources sur un autre serveur, à chaque visite. Ce sont souvent eux qui font le plus attendre.

5. L'hébergement le moins cher. Un serveur lent à répondre retarde tout le reste. C'est rarement la cause principale, mais c'est un plancher que rien ne compense.

Ce que vous pouvez corriger vous-même

• Redimensionner les photos avant de les mettre en ligne. Une largeur de 1 600 à 2 000 pixels suffit pour un grand écran : une photo de téléphone redimensionnée ainsi perd souvent l'essentiel de son poids. Le format WebP l'allège encore d'environ un quart à un tiers par rapport au JPEG. Des outils gratuits en ligne font les deux en quelques secondes.
• Remplacer la vidéo intégrée par une image cliquable qui ouvre la vidéo, ou la déplacer plus bas dans la page.
• Faire le ménage dans les extensions et les widgets : tout ce qui n'a pas servi depuis une saison peut partir.
• Refaire la mesure après chaque changement, pour savoir ce qui a vraiment compté.

Ces gestes suffisent parfois à passer de l'orange au vert. Quand ce n'est pas le cas, c'est que la lenteur vient de la construction même du site.

Quand la lenteur est dans la construction

Si le thème ou le constructeur charge l'essentiel du poids avant même vos contenus, aucun réglage ne rattrapera la différence. La vitesse se décide dans les choix de départ : ne charger sur chaque page que ce qu'elle utilise, préparer les images en plusieurs tailles pour que le téléphone reçoive la petite, différer ce qui n'est pas indispensable à l'affichage, éviter les dépendances à des services tiers quand elles ne sont pas nécessaires.

Ce n'est pas une question de technologie à la mode. On peut faire un site rapide avec WordPress, et un site lent avec n'importe quel outil récent. C'est une question de discipline au moment de la construction, la même que sur un bateau de course : tout ce qui est embarqué doit servir.

Par où commencer

Faites le test sur téléphone, passez votre page d'accueil et votre page de stages dans PageSpeed Insights, et notez les trois chiffres. Si vous voulez un regard extérieur, je propose un audit de performance gratuit : je regarde votre site, je vous dis ce qui freine et ce qui vaut la peine d'être corrigé, sans jargon et sans engagement. Écrivez-moi.