Vitesse de page

La vitesse de page, c'est le temps qu'une personne attend avant que votre page lui serve à quelque chose, et non le chiffre affiché sur l'ordinateur du bureau. Ce qui compte, c'est ce qui se passe sur un téléphone de trois ans, en données mobiles, debout à un arrêt de bus. C'est cette visite-là que vous voulez garder, donc c'est elle qu'il faut mesurer.

Google surveille ici trois choses et les appelle Core Web Vitals. La première est le temps que met le plus gros élément de l'écran à apparaître, souvent la photo principale ou le titre. La deuxième est la vitesse à laquelle la page répond quand un doigt appuie, et la troisième est de savoir si la page saute pendant la lecture, si bien que le pouce tombe sur le mauvais bouton. Qui a visé un lien et touché une publicité connaît déjà la troisième.

Deux choses expliquent presque toutes les pages lentes, et les images viennent en premier. Une photo sortie d'un téléphone peut peser quatre mégaoctets, donc quarante d'entre elles font une page que personne n'attendra en données mobiles. Enregistrée correctement, la même photo pèse souvent moins de deux cents kilooctets et paraît identique à l'écran. C'est pourquoi, quand Linkysoft examine le site lent d'un commerce, les photos expliquent à elles seules la moitié du retard.

La deuxième chose est l'endroit où le site est hébergé, car un hébergement mutualisé bon marché place des centaines de sites sur une seule machine. Quand un voisin devient populaire, vos pages ralentissent sans que vous y soyez pour quelque chose. Le remède n'est donc pas dans le code, puisque passer sur un serveur avec une part garantie, comme Hostrena, fait gagner une demi-seconde avant même de toucher une ligne.

Ce qui surprend les dirigeants, c'est que la vitesse n'est pas un chiffre unique pour tout le site. La page d'accueil peut être rapide pendant que le paiement traîne, et c'est le paiement qui rapporte. Mesurez donc d'abord les pages qui portent l'argent, sur un téléphone en données mobiles, car le wifi du bureau ne vous racontera que ce qui vous arrange.

Les décisions les moins chères se prennent avant la première ligne de code. C'est là que vous choisissez le nombre de polices, la présence sur chaque page d'un carrousel dont personne n'a besoin, et le nombre de scripts extérieurs empilés en haut. Linkysoft fixe donc un objectif de vitesse au début d'un projet d'application web comme pour un nouveau site, parce qu'alléger après coup coûte plus cher que bien choisir maintenant. Une page qui répond en moins de deux secondes garde des gens qui seraient partis.