Générateur de Heatmap | Simon Hearne

Générateur de Heatmap | Simon Hearne

Présentation rapide de l'outils : Générateur de Heatmap

Web Performance Heatmap Generator permet de visualiser le temps que met les éléments importants d’une page web avant de devenir visible.

Présentation détaillée de l'outil​ : Générateur de Heatmap

Description Web Performance Heatmap Generator

Les performances web représentent un facteur incontournable pour améliorer l’expérience utilisateur d’un site ainsi que son classement sur les pages des moteurs de recherche. 

C’est pourquoi, il est important de surveiller constamment les performances de votre site web afin de réadapter votre stratégie et maintenir de bons résultats. 

Web Performance Heatmap Generator est un générateur de carte thermique en ligne qui vous permet de simuler des connexion à vos pages afin de visualiser le temps que mettent les éléments importants de vos pages avant de s’afficher complètement. 

Qu’est-ce que le Web Performance Heatmap Generator ? 

Tout d’abord, Web Performance Heatmap Generator est un générateur de carte thermique, c’est-à-dire qu’il s’agit d’un outil qui utilise des représentations codées par couleur pour présenter des données. Ce qui constitue un moyen plus assimilable de consulter et interpreter des données. 

Web Performance Heatmap Generator est un type de générateur de carte thermique qui vous permet de voir des données sur les performances de votre site web, notamment le temps de chargement.

Grâce au Web Performance Heatmap Generator, vous pouvez voir sur une carte thermique les éléments de votre page qui s’affichent en premier et le temps qu’ils mettent pour s’afficher correctement.

Pour cela, l’outil propose des paramètres pour simuler une connexion à votre site afin de tester vos performances depuis plusieurs emplacements et plusieurs navigateurs. 

Web Performance Heatmap Generator : Comment utiliser l’outil ? 

L’utilisation de la carte thermique de performance web est très simple à maîtriser. 

  • Pour commencer rendez-vous sur la page d’accueil de Web Performance Heatmap Generator 
  • Entrez ensuite l’URL de la page web à tester 
  • Choisissez un emplacement géographique depuis lequel sera effectué le test
  • Choisissez un navigateur 
  • Puis cliquez sur le bouton « Generate Heatmap ». Au bout de quelques secondes de traitement, l’outil affichera le résultat de votre test. 

Quand on teste par exemple la page “https://www.twaino.com/” à l’emplacement “Paris EC-2”, on peut voir que les éléments sur la page d’accueil de Twaino sont 100% visuellement complets au bout des 5 premières secondes. 

Ce qui reste plutôt une belle performance pour cet emplacement spécifique. L’outil étant gratuit, vous pouvez effectuer plusieurs tests sur différents emplacements afin d’avoir une idée de vos performances un peu partout dans le monde. 

Ressources supplémentaires

Qu’est-ce qu’une Heatmap (carte thermique) sur un site web ? 

Une carte thermique ou Heatmap en anglais est un outil qui permet de visualiser des données afin d’avoir une idée des performances d’une page web. 

La visualisation de ces données se présente sous la forme d’une carte graphique ou d’un diagramme avec une palette de couleurs pour interpréter les données et leurs valeurs. 

Généralement, les heatmap sont représentées par des couleurs chaudes et froides afin de sortir par contraste les performances de la page web testée. 

Source : abtasty 

Le plus souvent, la couleur la plus chaude représente la performance la plus élevée et la couleur la plus froide représente la performance la plus faible.

Quand on prend par exemple une carte thermique qui permet d’évaluer l’intensité d’engagement des visiteurs, les sections marquées marquées par les couleurs plus vives sont les parties recevant le plus d’engagement (parties ou les visiteurs cliquent le plus). 

Et celles marquées par les couleurs les plus froides sont les parties sur lesquelles les visiteurs cliquent le moins.  

Comme on peut le voir, les cartes thermiques représentent un moyen simple et en même temps efficace pour analyser vos données contrairement aux chiffres qui peuvent prêter parfois à confusion lors de l’interprétation. 

Quels sont les différents types de cartes thermiques pour site web ?

Lorsqu’il s’agit de heatmap pour sites web, on en dénombre principalement 5 différents types : 

Carte thermique –  utilisée pour représenter visuellement les performances des pages web en ce qui concerne l’engagement des visiteurs. 

Clickmap – utilisé pour représenter les parties les plus cliquées par les internautes sur une page web. Ils sont utiles pour suivre vos images, vos liens, vos boutons d’action à l’appel, etc. 

Scrollmap – utilisés pour représenter le comportement de défilement des visiteurs afin de savoir jusqu’à quel niveau ils défilent vos pages et les sections sur lesquelles ils passent plus de temps. 

Mouse Tracking Heatmap –  utilisé pour identifier les parties sur lesquelles vos visiteurs survolent le plus leur curseur. 

Eye-Tracking Heatmap – ce type de carte thermique peut se confondre avec le Mouse Tracking Heatmap. Il prend en compte le temps pendant lequel les visiteurs fixent une image et le nombre de fois que l’image est regardée. 

Quel générateur de carte thermique peut être utilisé pour analyser le temps de chargement d’une page web ? 

Quand on parle de performance d’une page web, le temps de chargement représente un facteur très important. 

Web Performance Heatmap Generator est un générateur de carte thermique en ligne qui vous permet de représenter les performances d’une page web et spécifiquement le temps que mettent les éléments importants de la page avant de s’afficher complètement. 

Tout ce que vous avez à faire est de taper l’URL de la page à tester et de choisir un emplacement géographique et un navigateur pour simuler une visite. 

L’outil vous affichera alors les performances de la page à cet emplacement précis. Ce qui est très utile pour tester vos performances un peu partout dans le monde.

Vidéos de l'outils​ : Générateur de Heatmap

Gallerie de l'outils​ : Générateur de Heatmap

Présentation de l'entreprise​ : Générateur de Heatmap

Simon Hearn est une entreprise numérique qui aide les utilisateurs à créer et à automatiser des images réactives. Elle a été créée par Simon Hearn, un défenseur de la performance web et écrivain sur l’expérience des utilisateurs.

Simon Hearn a développé les outils Web Performance Heatmap et Generator Request Map Generator. Grâce à cette entreprise, il est possible de générer un balisage d’image valide, de collecter, de créer et de visualiser de superbes données d’images. 

Elle présente d’autres fonctionnalités comme :

  • La surveillance des performances web ;
  • La proposition des meilleures vidéos de pages de destinations réactives ;
  • Le développement et le chargement rapide des polices web ; 
  • L’optimisation des éléments importants sur les applications d’une seule page (SPA) ;
  • La suggestion des modèles d’interface optimistes ;
  • Etc. 

Retrouver l'entreprise​ : Générateur de Heatmap

Générateur de Heatmap sur les réseaux sociaux

Les autres outils associés : Générateur de Heatmap

Laisser un commentaire

Alexandre MAROTEL

Fondateur de l’agence SEO Twaino, Alexandre Marotel est passionné par le SEO et la génération de trafic sur internet. Il est l’auteur de nombreuses publications, et détient une chaine Youtube qui a pour but d’aider les entrepreneurs à créer leurs sites web et à être mieux référencés dans Google.