Connaissez-vous Insight, l’outil de Fasterize qui vous permet d’analyser gratuitement et en quelques instants la rapidité de votre site web ? Grâce à lui, vous pourriez bien franchir la première étape d’une démarche d’optimisation de votre performance web : un diagnostic préalable indispensable pour rendre votre site plus rapide, améliorer l’expérience utilisateur et ainsi générer plus de business. Voici comment et pourquoi l’utiliser sans modération.
Quelques détails sur son fonctionnement : Insight mesure la vitesse d’un site en simulant les conditions d’utilisation d’un.e internaute (localisation, connectivité, navigateur, device) sur le principe du Synthetic monitoring.
Afin de recueillir les données relatives à la rapidité des pages web que vous testez, nous nous appuyons sur WebPagetest pour établir un comparatif détaillé des performances de votre site avec et sans Fasterize.
Sachez que les tests sont lancés avec la configuration par défaut de Fasterize. En modifiant cette configuration par défaut, les chiffres pourraient encore être améliorés.
Comment tester la rapidité de vos pages web avec Insight ?
Lorsque vous arrivez sur Insight, tout commence par le paramétrage de votre requête. Il vous suffit tout simplement de renseigner l’URL de la page à tester et de choisir le device (desktop ou mobile). Vous pouvez ajouter autant d’URLs que vous le souhaitez : homepage, page produit, page de catégorie… et observer la rapidité sur les deux devices.
Des options avancées sont disponibles pour une requête plus fine. Pour cela, vous aurez besoin de vous identifier en cliquant sur le bouton Log In. Une fois identifié.e, vous verrez apparaître un bouton “Show settings” sous le champ de saisie de l’URL à tester.
Voici les différents paramètres que vous pouvez définir dans les réglages avancés - desktop et mobile ayant chacun leur onglet :
- la connectivité
- la localisation
- les navigateurs
- les tags.
Un champ est aussi prévu pour des scripts personnalisés afin de préciser par exemple la résolution DNS ou encore le temps de réponse du serveur…
Pour le moment, le Log in se fait avec une adresse Gmail. Nous prévoyons prochainement de proposer l’identification avec d’autres adresses, ou encore votre compte Facebook, LinkedIn, Twitter…
Outre les paramétrages avancés, le fait de vous identifier vous permet d’accéder à un espace personnel pour sauvegarder vos rapports et les retrouver à chaque connexion. Ces rapports sont ainsi rattachés à votre compte utilisateur.rice (et non plus à votre navigateur) pour que vous puissiez les consulter en toutes circonstances.
Et là vous vous demandez certainement ce que vous allez trouver dans votre rapport, comment le lire, ou encore comment fonctionne Insight ? On vous explique tout.
Quels sont les indicateurs de performance web sur Insight ?
Vous voyez des chiffres rouges ? Pas de panique ! L'objectif n’est pas forcément que tout soit vert, mais que les métriques prioritaires pour vous le soient.
Par exemple, le Speed Index et le Start Render sont plus importants en termes d’expérience utilisateur que le Visually Complete. En effet, les internautes interagissent avant que les éléments d’une page ne s’affichent au complet.
Plus précisément, voici comment lire votre rapport et ce à quoi correspond chaque indicateur - et sachez que vous pouvez contacter notre support via le formulaire ci-dessous pour un coup de main si vous en avez besoin.
Lumière sur les résultats d’Insight
- Speed Index : vitesse de remplissage de la page au-dessus de la ligne de flottaison.
- Start Render : temps nécessaire pour que la page blanche laisse les premiers éléments s'afficher.
- Time to first Byte : temps nécessaire pour que le réseau et le serveur génèrent et commencent à envoyer le HTML. Cette donnée correspond à des opérations côté serveur, mais le fait que le TTFB soit élevé a nécessairement un impact sur le Start Render et le Speed Index.
- RUM First Contentful Paint (bêta) : temps nécessaire pour que les premiers éléments image ou texte s’affichent, en dehors de l’image de fond.
- RUM First Meaningful Paint (bêta) : temps nécessaire pour que les premiers contenus qui intéressent l’utilisateur.rice s’affichent (la photo ou le descriptif d’un produit par exemple).
- Visually Complete : temps nécessaire pour que le dernier élément à charger s’affiche sur la partie visible de la page.
- Page Size : poids total de tous les éléments qui composent la page.
- Request Number : nombre total de requêtes générées par la page.
- Load Time : temps de chargement de la page, de l’ouverture à la finalisation de l’affichage de tous les éléments par le navigateur (NB : la pertinence de cet indicateur dépend de la façon dont la page est construite).
Sous ces données, vous retrouvez le résumé des éléments de paramétrage de votre requête.
Filmstrip : l’affichage de votre page étape par étape
Quels éléments sont visibles en premier ? Au bout de combien de temps la page finit-elle de se charger ? La section Filmstrip montre étape par étape la façon dont votre page apparaît pour l’internaute, avec et sans Fasterize. Vous pouvez faire varier l’intervalle et télécharger l’animation pour la partager en interne auprès des équipes Marketing et IT - car parfois, les images parlent aussi bien voire mieux que les mots ou les chiffres.
Video : le rendu en temps réel de votre page “Fasterizée”
En mode split screen façon 24h Chrono, visualisez le déroulement du chargement de votre page pour une comparaison du temps d’affichage entre la version originale et la version “Fasterizée”. Ca vous a plu ? Vous pouvez aussi télécharger la vidéo en un clic pour la partager.
Votre espace My Reports
Cette page liste tous les tests comparatifs que vous avez lancés. Vous pouvez cliquer sur l’une des icônes à droite pour :
- Consulter un rapport
- Copier l’URL du rapport pour la partager
- Relancer le test si vous avez apporté des modifications à une page
- Supprimer le test.
Vous pouvez aussi copier plusieurs URLs d’un coup grâce au bouton “Bulk Actions”, ou encore rechercher des URLs testées en filtrant leur contenu.
Vous avez des questions sur la lecture de vos rapports comparatifs sur Insight ?
Vous souhaitez passer à l’action et aller plus loin dans l'amélioration de la rapidité de votre site et de votre performance web ?
