Un accompagnement en TMA pour améliorer les performances

Depuis 2016,  notre agence web à Lyon crée et intervient sur des sites internet et e-commerce sur un axe résolument technique.

Postulat : on ne peut pas vendre si le site ne convertit pas.

• Premier point : atteindre un 100/100 au Page Speed Insight en 2023
  Ce n'est pas une fin en soit, mais c'est un indicateur; toujours viser un 90+ au Page Speed Insight. 
  Ce score reprend différentes métriques comme le CLS
• Ensuite, notamment en mobile, faire la part des choses : par exemple, les scripts de tracking diminuent énormément le score Page Speed Insight en mobile; mais ils apportent un bénéfice notable en terme de performance marketing et de performance commerciale pour votre site e-commerce. On pensera à des outils comme Hotjar ou même Google Analytics qui réduisent ce score Page Speed Insight mais vous permettront d'améliorer la performance globale de votre site.
• Donc un test Page Speed Insight à effectuer avant la mise en place des scripts pour vous faire une véritable idée de la performance technique de votre site !

Oui, chez Les Vikings, nous sortons des sites web et e-commerce haute performance, avec un score Google Page Speed Insight de 100/100 !

Mais ce n'est pas une fin en soi, ce qui compte est d'avoir une approche globale de la performance.

Qu'est-ce que le TTFB ?

Time To First Byte
En Français correct, il s'agit du temps que mettra votre site web ou e-commerce à renvoyer le premier "ping" de données à un internaute qui tente de s'y connecter.

Ce n'est pas le temps de chargement complet de la page, c'est le temps que mettra le serveur à renvoyer la première donnée. 

A combien est un bon TTFB ?

Moins de 200ms.
Voilà, rien à ajouter. Les détails pour améliorer son TTFB ci-après !

Comment améliorer son TTFB ?

Cinq conseils pour améliorer son TTFB :

1. Un applicatif rapide, car oui, l'applicatif peut entraver le temps de communication entre l'internaute et le serveur.
2. Un ensemble de caches optimisés et travaillant ensemble (cache applicatif côté site e-commerce et cache serveur)
3. La mise en oeuvre d'un CDN efficacement configuré
4. Un bon fournisseur de DNS - qui peut aller avec le CDN
5. Et évidemment, un bon hébergeur spécialisé dans les hébergements web et e-commerce comme peuvent l'être Les Vikings de Lyon !

Définition courte : Qu'est-ce que le FLT (Full Load Time) ? 

Il s'agit du temps que va mettre une page web ou page e-commerce pour s'afficher intégralement.
 

Définition complète : Qu'est-ce que le FLT (Full Load Time) ?

Le "Full Load Time" désigne le temps nécessaire pour que le navigateur affiche intégralement une page web, incluant tous ses éléments associés comme les CSS, scripts, images, etc. 

Techniquement, cela se rapporte à l'événement "load". Dans une interface de navigateur, c'est le moment où l'icône de chargement de l'onglet disparaît, indiquant que la page est entièrement chargée et prête à être explorée par l'utilisateur. 

Plusieurs facteurs influencent ce temps : la résolution DNS, la qualité et la latence de la connexion, la localisation géographique, le protocole HTTP employé, l'efficacité du serveur, la performance des applications générant les ressources dynamiques, les mécanismes de cache activés, et enfin, le volume, la taille, la compression et l'origine des ressources à télécharger.

Comment améliorer son FLT (Full Load Time) ?

Il s'agit d'améliorer la vitesse de chargement des pages web, il faut donc agir côté serveur mais aussi massivement côté applicatif.

Voici une liste d'actions permettant d'améliorer son FLT sur un site web ou e-commerce :

• Réduire le volume de ressources à télécharger 
• Optimiser et minimiser les fichiers textuels 
• Compresser et adapter la taille des images 
• Migrer vers le protocole HTTP/2 
• Recourir à des CDNs publics pour les bibliothèques courantes (tels que jQuery, Bootstrap, etc.) 
• Sélectionner un hébergement web plus rapide Identifier et rectifier les scripts ou modules (comme certains plugins WordPress) qui alourdissent le chargement, en les testant individuellement 
• Activer la mise en cache au niveau serveur si faisable (il faut un bon hébergeur !)
• Mettre en place un équilibrage de charge (Load Balancing) pour distribuer efficacement le trafic entre plusieurs serveurs.

Qu'est-ce qu'un bon FLT (Full Load Time) pour un site e-commerce ?

Moins de 3 secondes.
Le plus rapide le mieux, mais il faut aussi être réaliste sur les besoins en visuels et en scripts d'analyse, qui allongent les temps de chargement.
3 secondes et un maximum à ne jamais dépasser.

Vous souhaitez auditer la vitesse de vos sites e-commerce ?
On peut s'en parler !

Qu'est-ce qu'un bon FLT (Full Load Time) pour un site vitrine ?

Moins de 3 secondes.
Comme pour un site e-commerce, il faudra toujours rester sous les 3 secondes de temps de chargement complet pour une page web.
Les besoins en scripts étant moindres, il sera plus facile de passer sous la barre des 2 secondes.

Vous souhaitez auditer la vitesse de vos sites vitrines ?
On peut s'en parler !

La performance technique n'est pas la seule à viser : l'aspect marketing est essentiel pour atteindre le Graal : la performance commerciale e-commerce.

La performance marketing d'un site e-commerce repose sur une combinaison de stratégie, de techniques et d'outils. 

Tout d'abord, l'optimisation du moteur de recherche (SEO) est cruciale. Un site bien référencé sur les moteurs de recherche, avec des mots-clés pertinents et du contenu de qualité, attire un trafic organique ciblé. Rien de nouveau sous le soleil.

Ne pas négliger en parallèle les réseaux sociaux. Nous ne le faisons pas chez Les Vikings, l'agence web à Lyon, mais nous avons des partenaires de confiance et de longue date !

En parallèle, le recours au marketing payant, comme les campagnes Google Ads ou le retargeting, permet d'atteindre des segments spécifiques de la clientèle avec des messages personnalisés.

Un point qui résume les trois précédents : la visibilité de votre site web ou site e-commerce et l'image de votre marque web ou e-commerce.
C'est le premier axe de la performance marketing.

Une fois la visibilité atteinte, il faut analyser votre clientèle e-commerce

L'analyse des données, via des outils comme Google Analytics ou Hotjar, offre des insights précieux sur le comportement des utilisateurs, permettant d'affiner la stratégie web et e-commerce. WordPress offre de nombreux outils très pertinents visant à atteindre cet objectif.

Le remarketing (reciblage publicitaire) est également une option, une fois un prospect ciblé par votre communication le fait de le recibler peut être pertinent dans le cadre d'une campagne SEA.

L'expérience utilisateur (UX) doit être fluide, avec un site responsive (mobile first ?), des temps de chargement réduits et un processus de paiement simplifié. Faire un atelier UX en prenant en compte les cibles de votre site e-commerce n'est pas superflu, il existe plusieurs grandes familles d'interfaces et de parcours, et certains seront pertinents et d'autres pas.

Un protocole A/B testing e-commerce peut d'ailleurs être intéressant à mettre en place, une fois la stratégie déployée, pour la confronter à la réalité de vos internautes clients et prospects.

Le Saint Graal de l'e-commerce : la performance commerciale

Une fois que vous avez travaillé votre performance technique et votre performance marketing, il reste le dernier kilomètre : la performance commerciale.

Maximiser la conversion sur un site e-commerce nécessite une approche multifacette qui englobe à la fois la technologie, le design et la psychologie du consommateur. 

• Tout commence sur le point précédent, une expérience utilisateur (UX) optimisée : un design intuitif, des temps de chargement rapides et un processus de paiement fluide sont essentiels. 
• Les appels à l'action (CTA) doivent être clairement visibles et incitatifs.
• L'utilisation d'avis clients, de badges de sécurité et de garanties renforce la confiance des visiteurs - un ensemble optimal de réassurance e-commerce.
• Les tests A/B peuvent aider à déterminer les éléments de page les plus efficaces pour la conversion. 
• L'optimisation du tunnel d'achat, en réduisant le nombre d'étapes nécessaires pour finaliser un achat, peut également augmenter le taux de conversion. 
• De plus, des stratégies telles que l'upselling et le cross-selling, lorsqu'elles sont utilisées judicieusement, peuvent augmenter la valeur moyenne des commandes. 
• Relance panier, système si facile à mettre en place (notamment sur WooCommerce) mais si souvent oublié !

Enfin, l'engagement client peut être renforcé grâce à des stratégies d'email marketing automatisé, des programmes de fidélité et des chatbots interactifs. Chaque élément, lorsqu'il est correctement exécuté et synchronisé avec les autres, contribue à maximiser la performance marketing d'un e-commerce.