La vitesse est primordiale. Nous savons que lorsque votre site Web ou votre application est plus rapide, l’expérience utilisateur est meilleure, ce qui vous permet d’obtenir de meilleurs taux de conversion et des revenus plus importants. Chez Cloudflare, nous travaillons en permanence sur la vitesse et la création de nouvelles fonctionnalités pour obtenir les meilleures performances possibles.

Mais pour améliorer la vitesse, il faut d’abord la mesurer. C'est pourquoi nous lançons Browser Insights, un nouvel outil qui mesure la performance de votre site Web du point de vue de vos utilisateurs. Browser Insights vous permet de mieux comprendre où, quand et pourquoi les pages Web sont lentes. Vous pouvez l'activer dès aujourd'hui, gratuitement, en un seul clic.

Pourquoi avons-nous créé Browser Insights ?

Supposons que vous exploitez un site de commerce en ligne et que vous souhaitiez améliorer vos taux de conversion. Vous avez remarqué un trafic important de visiteurs du Pérou, et leurs taux de conversion sont moins bons que ceux des utilisateurs d’Amérique du Nord. Vous en déduisez probablement que le temps nécessaire pour charger votre page de paiement est trop long et que, de ce fait, les clients abandonnent avant d’acheter. Comment pouvez-vous vérifier que c’est bien cela qui est en cause ?

Il existe plusieurs façons de le faire : vous pouvez vérifier les journaux de votre serveur pour consulter les informations relatives aux durées, ou vous pouvez charger la page plusieurs fois dans votre navigateur pour voir ce qui est lent.

Ces approches ont néanmoins quelques inconvénients :

  • Si vous n’examinez les données que du côté serveur, vous passez à côté de facteurs qui affectent l'expérience de l'utilisateur final. Notamment, quel a été le temps nécessaire pour que le navigateur Web charge tous les scripts nécessaires, les exécute et commence à afficher la page ?
  • Si vous ne mesurez qu'à partir d'un ordinateur (ou de plusieurs ordinateurs), vous omettez une grande partie de la famille des appareils informatiques, par exemple, « comment cela fonctionne-t-il sur un téléphone avec une connexion 3G ? »

Pour résoudre ces problèmes, nous procédons à une Surveillance des utilisateurs réels. Nous sommes ainsi gagnants sur plusieurs tableaux : nous pouvons exécuter un chronomètre à l'intérieur de navigateurs web réels. Ce chronomètre mesure le temps de chargement des pages Web, à partir de vos utilisateurs réels.

Comment ça marche ?

Browser Insights peut être activé en basculant l’interrupteur dans la section « Speed » du tableau de bord :

Une fois activé, nous ajoutons un petit fragment de code JavaScript à chaque chargement de page HTML qui utilise la norme Performance API pour collecter des informations de durée. Nous pouvons alors commencer à vous donner des mesures sur la façon dont vos pages Web fonctionnent dans le monde réel :

Ce graphique comporte de nombreuses informations ! À un niveau élevé, il existe deux types principaux de métriques :

  • les métriques au niveau de la requête, comme le temps de connexion TCP ou le temps de requête. Ces métriques sont comptées pour chaque chargement de page et sont affectées par l'infrastructure Internet, comme le réseau mobile de vos utilisateurs finaux ou la vitesse de vos serveurs.
  • Les métriques au niveau des pages comme le temps de chargement des pages (Page Load Time), qui tiennent compte des nombreuses requêtes nécessaires pour charger une page Web, plus le temps nécessaire pour l’analyse HTML et l’exécution de JavaScript.

Pour plus d'informations sur la signification de ces temps et la façon dont nous les avons choisis, voir dans le blog Cloudflare lapublication de notre ami.

Une plongée dans les données

En plus de voir plusieurs métriques sur la performance de votre page Web, il est utile de regarder de plus près les dimensions qui impactent la performance, telles que l'URL et le pays. Cela signifie que vous pouvez filtrer pour remonter à la performance d'une page spécifique (comme votre page d'accueil ou votre page de paiement). Vous pouvez également voir les emplacements où votre site se charge le plus rapidement et le plus lentement.

Reprenons notre exemple ci-dessus dans lequel nous voulons comparer la performance au Pérou à la performance nord-américaine :

Il apparaît effectivement que le trafic en provenance du Pérou est important, mais les pages Web prennent en moyenne environ 13 secondes à charger contre seulement 4,2 secondes pour les utilisateurs des États-Unis. L’hypothèse de départ est confirmée !  Maintenant, nous pouvons filtrer toutes nos mesures au Pérou pour mieux comprendre ce qui se passe :

Notez que le Traitement a augmenté le plus, jusqu’à atteindre 12 secondes. Les temps de requête sont également plus élevés, probablement parce que nous nous connectons à un serveur d'origine situé aux États-Unis. Les pages Web sont faites de nombreuses requêtes individuelles. Il est donc logique que, lorsqu'elles sont combinées, elles conduisent à des temps de chargement plus lents. Dans cet exemple, une mise en cache de contenu plus rapide conduirait probablement à une nette amélioration des chargements de page.

Que va-t-il se passer ensuite ?

Notre lancement d'aujourd'hui n'est que la partie visible de l'iceberg pour Browser Insights. Dans un proche avenir, nous envisageons d’ajouter beaucoup plus d'informations qui vous aideront à comprendre exactement ce qui ralentit votre site Web et ce que vous pouvez faire pour le rendre plus rapide. Nous avons l'intention d'ajouter :

  • Plus de métriques et de dimensions, y compris des mesures au niveau de la page tels que le Time to First Paint (TTFP) et plus de dimensions comme le navigateur et le type de réseau
  • Analyse des sous-ressources. Une page Web moyenne charge plus de 100 sous-ressources. Nous pouvons fournir un diagramme en cascade pour montrer exactement laquelle est lente.
  • Tests A/B, pour vous montrer comment les changements de configuration potentiels auront un impact sur la performance de votre trafic
  • Collecte d'erreurs pour surveiller les problèmes dans la couche réseau, dans JavaScript, etc.
  • Alertes, pour que vous sachiez quand la performance est inférieure à un seuil prédéfini
  • Des informations générées par Cloudflare qui vous indiquent pourquoi quelque chose peut être lent (par exemple, comment votre taux d’accès au cache affecte le temps de chargement de la page

Protéger la vie privée des utilisateurs

La mission de Cloudflare, aider à construire un meilleur Internet, repose sur l'importance que nous accordons à établir un lien de confiance avec nos clients, leurs utilisateurs finaux et la communauté Internet à l'échelle mondiale. Nous avons un modèle commercial transparent qui s'aligne sur les intérêts de nos clients : nous gagnons de l'argent en protégeant et en améliorant la vitesse des propriétés Internet de nos clients. Nous ne vendons pas les données de nos clients (ni celles de leurs utilisateurs finaux).

Browser Insights demande que les navigateurs des utilisateurs finaux signalent les informations de temps à Cloudflare. Nous avons conçu Browser Insights pour qu'il ne signale que les informations minimales nécessaires pour montrer à nos clients la performance de leurs sites Web. Les seules mesures collectées par Browser Insights concernent le temps. Nous ne suivons pas les utilisateurs finaux individuels sur les propriétés Internet de nos clients. Nous vous encourageons à ouvrir l'Inspecteur dans votre navigateur Web favori pour voir les données que nous renvoyons !

Essayez Browser Insights dès aujourd'hui

En mai dernier, nous avons annoncé la toute nouvelle Page Speed. Notre mission avec la page Speed est de vous montrer la rapidité de votre site et vous indiquer ce que vous pouvez faire pour améliorer cette rapidité. Aujourd'hui, nous sommes heureux d'annoncer que la nouvelle page Speed est disponible pour tous !

Browser Insights sera disponible sur la page Speed en accès anticipé, mais nous déployons tous les efforts nécessaires pour la proposer à tout le monde dès que possible, dans les prochaines semaines. Regardez cet espace pour les mises à jour !


Abonnez-vous à ce blog pour recevoir quotidiennement des informations concernant toutes nos annonces de la Semaine anniversaire.