L'impact de la vitesse de chargement sur la conversion

La vitesse de chargement décide qui voit votre offre

Chaque landing page a sa file d'attente. Quelqu'un tape sur une annonce, le navigateur commence à télécharger, et le visiteur attend. Sur un téléphone avec une 4G capricieuse, une page lourde peut rester blanche quatre ou cinq secondes. Une bonne partie des visiteurs part avant que le titre s'affiche. Ils ne voient jamais l'offre et n'atteignent jamais le bouton. Votre texte pourrait être excellent, ça ne changerait rien. Avec du trafic payant, vous payez ce clic dans tous les cas. La vitesse de chargement décide donc combien de personnes arrivent à juger tout le reste de votre travail.

Les trois chiffres à suivre

Google publie trois seuils et ils font de bons objectifs. Le Largest Contentful Paint doit rester sous 2,5 secondes. C'est en général votre image de hero ou votre titre qui finit de s'afficher. L'Interaction to Next Paint doit rester sous 200 millisecondes, pour que les appuis semblent instantanés. Le Cumulative Layout Shift doit rester sous 0,1, pour que la mise en page ne bouge pas pendant la lecture. Google mesure au 75e centile des vraies visites et sépare mobile et ordinateur, donc regardez les deux. Les données terrain ont plusieurs semaines de retard, donc un test en labo confirme une correction le jour même.

Ce qui rend vraiment une page lente

Les mêmes coupables reviennent dans presque tous les sites qu'on audite. Une vidéo de hero se lance toute seule et envoie des mégaoctets avant le moindre scroll. Des captures d'écran exportées en 3 000 pixels de large sont posées dans un emplacement de 600 pixels. Quatre graisses de police se chargent là où deux suffiraient, et chacune retarde l'affichage du texte. Puis viennent les rajouts : un widget de chat, un enregistreur de heatmap, deux pixels publicitaires et un script d'A/B testing qui bloque l'affichage pendant qu'il choisit une variante. Chacun paraissait gratuit sur le moment. Personne ne suit le total.

Par où commencer cette semaine

Commencez par le hero, parce que c'est en général votre élément LCP. Servez un WebP ou un AVIF compressé, à la taille de l'écran, et ne le mettez pas en lazy loading. Remplacez la vidéo en lecture automatique par une image fixe et un bouton play. Réservez la hauteur des images, des intégrations et des bannières pour que la page garde sa forme. Ouvrez ensuite l'onglet réseau, triez par poids, et supprimez tous les scripts tiers que personne n'a vérifiés depuis trois mois. Refaites le test sur un vrai appareil avec un réseau mobile bridé. La plupart des pages accélèrent quand on leur enlève des choses.