A l’instar des recherches Google sur desktop, à partir de juillet, les recherches mobiles prendront elles aussi en compte le critère de vitesse. La firme de la Silicon Valley a en effet exprimé qu’un contenu sur mobile, même très pertinent, sera déclassé des pages de résultats dans le moteur de recherche si ses pages sont trop longues à charger.

Il est communément admis que la vitesse de chargement a un impact fort sur le taux de conversion et par conséquent sur les performances globales des ventes en ligne.
Avec cette annonce, Google va plus loin en indiquant qu’un site mobile dont la web performance laissera à désirer perdra en visibilité en étant moins bien référencé. L’effet direct sera donc une diminution du nombre de visites sur un site.
Le chiffre d’affaires d’une boutique en ligne étant lié à ces deux facteurs, c’est donc toute la rentabilité du site qui est remise en cause avec cette mise à jour.

Alors qu’en juin 2017, 56% des visites de sites en France ont été réalisées depuis un mobile (source DN/Médiamétrie et eStat), les e-commerçants se doivent de ne plus penser simplement “mobile first” mais bien “fast mobile first”, au risque de voir leur activité commerciale mise en péril. Un changement de vision imposé par le géant américain pour garantir l’expérience utilisateur et qui induit une nécessaire évolution des préoccupations des vendeurs en ligne.

Avec cette modification annoncée, les e-commerçants doivent donc travailler sur la performance web sur mobile. Voici la marche à suivre, éprouvée auprès de plus de 500 e-commerçants, pour éviter le coup d’epée du célèbre moteur de recherche d’ici juillet :

1/ Identifier les pages clés
Le référencement naturel Google représente une source de trafic majeure pour les sites e-commerce. En fonction de leur recherche et du référencement Google, les internautes ne vont pas tous arriver sur la même page. Il convient donc dans un premier temps d’identifier les pages sur lesquelles les internautes atterrissent le plus afin de concentrer ses efforts sur celles-ci.
L’approche la plus rentable et la plus pragmatique est bien de prendre note des pages les plus importantes pour son activité commerciale et de concentrer ses efforts sur celles-ci.

2/ Comparer la vitesse des pages clés avec celles des concurrents
En utilisant la page de test automatique fournie par Google, il est possible de comparer son site à celui du concurrent. A la fin du test, il suffit de sélectionner son industrie et de constater si l’on se situe dans les bons ou les mauvais élèves.

3/ Optimiser
Parmi les recommandations les plus importantes :
– utiliser un système de cache (CDN)
– activer la compression sur son serveur
– compresser et redimensionner les images afin de fournir à l’internaute du contenu toujours parfaitement adaptée à son terminal
La liste des optimisations à mener (et à maintenir dans le temps !) est longue et là aussi Google fourni PageSpeed Insights, un outil qui permet de faire un état des lieux à l’instant T de la mise en place de ces bonnes pratiques sur le site.

4/ Surveiller
Un site e-commerce est une machine complexe et perpétuellement en mouvement. Chaque semaine, un site subit plusieurs modifications qui peuvent entraîner de nouveaux ralentissements ou des perturbations. Si ces problèmes de performance ne sont pas identifiés et corrigés avant le prochain passage de la sonde Google, elles peuvent entraîner de lourdes répercussions sur le référencement. La mise en place d’un système de mesure en continu, d’alerte et d’identification des ralentissements est par conséquent nécessaire à la réussite d’un site sur le long terme.

L’article Google Speed Update : quand la performance web impact le SEO, comment préparer son site mobile ? est apparu en premier sur Quanta.

Comme vous le savez certainement, le secret d’un site de e-commerce qui marche, c’est la vitesse. Speed est ce qui soutient votre expérience utilisateur, les bons résultats de vos temps de chargement, et, par extrapolation, ce qui affecte grandement votre chiffre d’affaire.

Et c’est précisément pourquoi utiliser un CDN devrait faire partie des flèches dans votre carquois d’optimisations.

Qu’est-ce qu’un CDN ?

Un CDN, ou Content Delivery Network, est un réseau de serveur qui s’étend sur tout le globe.

Ces serveurs, appelés CDN Nodes, ou Edge nodes, mettent en cache tout le contenu statique de votre site. Et quand je dis contenu statique, je parle bien sûr de ce que les utilisateurs passent le plus clair de leur temps à attendre : les images, le CSS, les fichiers JavaScript, …etc.

Crédit illustration: Gtmetrix

En d’autres termes, les Edge nodes stockent le contenu de votre site dans plusieurs endroits, et le node le plus près géographiquement de votre utilisateur est le node qui lui livrera le contenu de votre site.

Par exemple, au lieu d’attendre du contenu hébergé sur un serveur aux US, un utilisateur en Espagne pourra avoir accès à votre contenu stocké sur un node en Italie. Tout cela réduisant drastiquement la latence dans l’obtention des datas.

Pourquoi un CDN est-il le meilleur allié de votre performance web ?

Il y a trois raisons principales qui font qu’il est fortement recommandé d’utiliser un CDN lorsque votre but est d’améliorer la vitesse, l’UX, et la stabilité de votre plateforme. Et ce sont les suivantes :

• Utiliser un CDN réduit le risque de latence

Comme je l’ai dit plus haut, un CDN stocke le contenu statique de votre site dans des Edge nodes, et distribue votre contenu par le biais du node le plus proche géographiquement de votre utilisateur final.

Le premier impact d’un CDN sur votre vitesse globale est donc que vos utilisateurs n’ont plus à attendre la réponse du serveur principal, mais peuvent l’obtenir dans l’instant. Si votre site est hébergé dans un pays (ou même continent) différent de votre utilisateur, les temps de chargement peuvent être grandement impactés par une latence inhérente à la distance physique.

Crédit illustration : Incapsula

Ainsi, un CDN améliore votre vitesse et votre expérience utilisateur.

• Utiliser un CDN réduit le risque de crash

Le second gros avantage de l’utilisation d’un CDN réside dans sa capacité à réduire le risque d’indisponibilité du site du fait d’un pic de trafic.

Comme nous l’avons dit à de nombreuses reprises, si la vitesse est la clef de votre performance web, la stabilité joue également un grand rôle dans le succès de votre site. Il n’y a donc rien de pire pour votre chiffre d’affaire qu’un pic de trafic imprévu causant le crash de votre site.

En permettant à vos utilisateurs d’accéder à votre contenu par le biais du Edge node le plus proche d’eux, vous réduirez le risque de surcharge en répartissant la bande passante entre plusieurs serveurs, plutôt que de voir votre serveur principal supporter tout le poids du trafic.

• Utiliser un CDN améliore la sécurité

Le troisième avantage d’un CDN est son impact sur la sécurité de votre site.

Face à un nombre toujours croissant d’attaques DDoS, les sites internet doivent se tenir prêt et améliorer leur sécurité. Un CDN, en cela qu’il est situé à l’extérieur de votre architecture réseau, agira comme un bouclier pour votre serveur principal.

De plus, comme votre contenu statique est dupliqué au sein de votre CDN, si un Edge node venait à tomber, le reste du réseau pourrait alors lui suppléer et garantir l’accès à votre contenu pour tous les utilisateurs, même si dans ce cas, de la latence pourrait intervenir.

Un CDN peut donc devenir la première ligne de défense de votre architecture réseau.

Conclusion

Un CDN est véritablement une optimisation de niveau supérieur pour votre site. Il va grandement augmenter la vitesse de votre site, particulièrement si vous avez une base d’utilisateurs à l’international, et donc, améliorer vos temps de chargement, votre UX, et votre chiffre d’affaire.

Cependant, vous n’avez pas besoin de vous précipiter dessus pour l’implémenter dans votre architecture. C’est une option dans le cas où vous souhaiteriez repousser les limites de votre performance web.

Si vous êtes curieux de savoir si un CDN pourrait être pertinent pour votre site, sachez que vous pouvez analyser avec précision le temps d’exécution et la vitesse de toutes vos requêtes, dans la vue Waterfall de vos Web Scénarios, dans l’outil QUANTA.

L’article Pourquoi utiliser un CDN est crucial pour votre performance web est apparu en premier sur Quanta.

Notre analyse s’est portée sur des éléments business (taux de conversion, pages vues, chiffre d’affaire, …etc.) et sur leurs implications techniques, en comparant les moyennes enregistrées 450 sites sur la première journée des soldes VS les mêmes métriques enregistrées la veille du début des soldes. Et bien, on peut dire que nous avons eu des surprises. ^^

Le grand chambardement

Dès 8h du matin, les indicateurs ont commencé à s’emballer. À la fin de la journée, le CA réalisé par les e-commerçants français enregistrait une augmentation moyenne de +359% en tout !

Ce résultat final est la combinaison de plusieurs facteurs :

+ de visites

Les visiteurs se retrouvent sur une même plage horaire pour visiter les sites dès 8h du matin (+155% de sessions).

+ de pages vues

Les visiteurs cliquent davantage un jour de soldes et vont plus loin dans leur processus de commande (+182% de pages vues supplémentaires par visite).

+ de conversion

Les prix étant plus attractifs et les internautes étant en concurrence pour “saisir” les meilleures affaires, leur taux de conversion a été lui aussi supérieur à la normale (+38% en moyenne).

C’est alors la combinaison de l’ensemble de ces facteurs (plus de visiteurs, qui vont plus loin dans le tunnel de vente, et achètent donc d’avantage) qui a amené cette augmentation de +359% de CA.

Bravo à tous pour ces résultats 😉

Mais ne croyez pas pour autant qu’il est simple d’en arriver là. Ces résultats ont été rendus possibles par la parfaite résistance des plateformes à la charge, qui ont été maintenue presque 100% du temps en condition opérationnelle. On pourrait même aller plus loin en parlant de condition optimale, c’est à dire que ces plateformes ont tenus la charge lors du pic de visiteurs, avec des temps d’affichage aussi rapide qu’en période creuse.

Petit rappel sur ce point : dans le ecommerce, chaque 100ms de temps de chargement supplémentaire impacte le taux de conversion final. C’est à dire que si un site est ralenti de 2s par page pendant la première matinée des soldes, attendez vous à ce qu’il enregistre 20% de CA de moins qu’escompté ! (source Amazon)

En analysant les mesures enregistrées sur les infrastructures d’hébergement pendant cette même matinée des soldes, on saisit l’ampleur de la difficulté pour tout ecommerçant qui se prépare à un fort trafic le jour des soldes.

Un défi technique pour les estores

Car, oui, les très bons résultats enregistrés par les sites de ecommerce pendant les soldes ont un coût technique important pour les infrastructures.

Une plus forte sollicitation des infrastructures

Les mesures ont montré cet été une augmentation de +149% de charge CPU sur les infrastructures ecommerce. Cette augmentation s’explique aisément par l’exécution des traitements des commandes et l’exécution du code du CMS (qu’il soit basé sur Magento, Prestashop, OroCommerce, ou bien même avec une solution “maison”).

Ce que l’on peut aisément déduire de cette mesure moyenne, c’est que pour se ménager un peu de marge de manoeuvre sur l’hébergement et supporter cette forte augmentation dans la charge, les ecommerçants français ont besoin de 4 fois plus de puissance dans leurs infrastructures le jour J des soldes que le reste de l’année ! Sur une infrastructure dite « fixe », cela revient à payer une quadruple capacité par rapport à son besoin moyen pour… 2 jours dans l’année (le 1er jour des soldes d’hiver et d’été), on comprend donc pourquoi les hébergements élastiques (ou cloud publics ou privés) ont le vent en poupe en ce moment.

Pour correctement anticiper le provisionnement de son hébergement avant le jour J, l’option la plus recommandée reste la mise en place de tests de montée en charge en amont. D’ailleurs, si vous vous posez des questions sur comment mettre en place ces tests, n’hésitez pas à lire notre article dédié au sujet.

Des temps de réponse plus importants lors du pic de trafic

On note une augmentation de 44% du temps de réponse des pages, montrant que malgré l’ajout d’infrastructure pour le jour J, certains ecommerçants trainent encore des traitement logiciels non optimisés et qui ont tendance à ralentir sous la charge, d’où l’intérêt de :

• réaliser de l’optimisation en amont,
• de mener des tests de montée en charge (encore),
• et de mettre en place des caches à tous les niveaux => varnish, cache bloc, etc…

Que représente 44% d’augmentation des temps de réponse, me direz-vous ?

Avec une moyenne de 600ms de temps de rendu de la page (c’est le cas sur notre panel de sites mesurés), un utilisateur a donc une expérience de navigation de 250ms de + de temps de chargement à chaque clic le matin de soldes.

D’après les diverses études réalisées, notamment celle du champion Amazon, 250ms de chargement supplémentaire équivalent à environ 2,5% de CA perdu. Pour l’ensemble du ecommerce français, c’est donc plusieurs millions d’euros qui sont systématiquement perdus en une seule journée quand l’anticipation sur le trafic n’est pas correctement réalisée !

L’enjeu de chaque 100ms est démultiplié un jour de soldes : le facteur vitesse étant un multiplicateur (positif ou négatif) sur le chiffre d’affaire de la journée, il est particulièrement essentiel d’avoir un site ultra-rapide lors des journées représentant le plus de ventes.

Cette analyse des soldes d’été 2017 rappelle à quel point le succès commercial d’un site est étroitement lié à sa préparation technique sur de multiples aspects :

• la disponibilité (un site indisponible ne vend rien et détériore l’image d’une marque),
• la vitesse (chaque 100ms compte pour la conversion… et le SEO par ailleurs),
• la tenue en charge.

En d’autres termes, cela montre bien que réussite et performance web sont intimement liés lorsque l’on parle de sites de ecommerce.

A bientôt et rendez-vous en janvier 2018 pour une prochaine analyse du plus gros pic d’activité de l’année, d’ici là n’hésitez pas à nous contacter pour un conseil d’expert pendant votre préparation.

L’article Soldes d’Été 2017 : État des lieux de la santé des sites de ecommerce est apparu en premier sur Quanta.

Temps de chargement : 700 ms gagnées par ETAM

Etam fait partie des sites de Ecommerce les plus importants en France, avec plus de 200 millions de pages vues / an. Lorsque nous avons rencontré les responsables du site Etam, le site possédait un temps de chargement moyen de 1,2 secondes. Pas vraiment choquant à première vue. Il est fréquent de voir des boutiques e-commerce se charger plus lentement. Des optimisations étaient pour autant possibles.

Avec l’aide de Quanta, le temps de chargement du site Etam a été réduit à 500 ms, soit 700 ms d’économisées. Cela peut paraitre, une fois de plus, un gain « raisonnable » mais si l’on multiplie ce temps gagné par le nombre de chargement de pages par année (200 millions), ce sont en tout 4,4 années de temps d’attente qui sont économisées ! C’est donc énorme.

Ce chiffre montre bien comment un gain unitaire limité possède in fine une importance capitale dans un contexte global. Vous imaginez ces 4,4 années qui ne sont en fait que du temps d’attente d’internautes devant une page blanche, espérant que le site s’affiche ?

En gagnant du temps (700 ms à chaque chargement donc), les utilisateurs retrouvent un meilleur confort de navigation. Ils profitent d’une meilleure UX (expérience utilisateur) et sont donc enclins à voir plus de pages, à interagir de manière plus forte, et vont ainsi subtilement aller plus loin dans le tunnel de vente ! Le e-shopping n’est plus un stress mais devient une « balade » agréable depuis le navigateur. Sont-ils ainsi plus enclins à acheter en bout de tunnel ? Oui.

L’impact d’une vitesse améliorée sur les performances d’ETAM

Après optimisation, le site ETAM a vu plusieurs de ses indicateurs augmenter dans Google Analytics :

1. Le nombre de pages vues par session a augmenté de 28% ;
2. Le temps moyen par visite a augmenté de 21% ;
3. Le taux de conversion a augmenté de 20%.

Le travail d’optimisation réalisé par l’agence Baobaz et l’équipe web Etam en utilisant la solution Quanta est un cas d’école ! En effet, la marque profite désormais d’un site qui est consulté plus vite, plus en profondeur, et qui transforme mieux. L’efficacité de l’équipe marketing avec les offres on et off-site est renforcée. La vitesse était le maillon qui manquait pour générer de nouvelles ventes et apporter une meilleure visibilité à l’offre produit, sans aucune action externe.

Si vous voulez calculer votre ROI lié à une action sur la vitesse de votre site, sachez que Quanta propose des diagnostics de la performance de votre site. Nos experts se connectent alors à votre site et font un premier état des lieux avec vous, vous permettant de savoir combien de pourcentage de conversion il est possible d’aller chercher. Pour plus d’informations n’hésitez pas à contacter notre équipe ici.

Méthodologie de l’étude : Les indicateurs analysés sont issus de Google Analytics utilisé sur le site Etam en collaboration avec l’équipe web du groupe Etam. Pour éviter les pertubations liés à d’autres opérations et mesurer des taux trop optimistes, les phénomènes saisonniers (soldes et ventes-privées) ainsi que l’augmentation moyenne de la performance commerciale du site ont été soustraits afin de ne garder que les variations liées au changement radical du temps de chargement des pages.

Vous avez aimé cet article ? Merci de le partager ! 

L’article ETAM gagne 20% de conversion en accélérant son site e-commerce est apparu en premier sur Quanta.

Google le dit lui-même : « Un site présent dans un résultat de recherche ayant un temps de chargement faible par rapport à d’autres sites ayant un temps de chargement plus long, peut être promu. Inversement, les sites ayant des temps de chargement plus lents peuvent être rétrogradés ». Voici 5 conseils SEO pour améliorer la vitesse de votre site, et avoir une « promotion » par Google.

Optimisez votre base de données

La plupart des sites utilisent des bases de données pour stocker les informations. Le poids de celle-ci peut influer sur la vitesse de vos pages. Y ajouter un index est l’une des meilleures façons de trouver l’information plus rapidement. Certains temps de chargement très longs, suprieurs à 5 ou 10 secondes, peuvent être réduits à 1 ou 2 seconde avec un index bien construit.

Nettoyez votre code

Vous n’avez pas besoin de cinq programmes d’analyse de trafic, ni de codes lourds pour les vidéo intégrées, les widgets sociaux, etc…  Rappelez-vous que la simplicité est la clé. Chaque fois que vous ajoutez un autre code de suivi à votre page, des vidéo embarquées, ou tout élément qui demande un chargement indépendant (comme les iframes), alors vous alourdissez votre page. C’est la même chose pour les boutons d’actions. La plupart des boutons de partage sont à base de javascript, et génèrent une iFrame sur la page. Utilisez-les avec prudence.

Utilisez la mise en cache lorsque cela est possible

Lorsque vous visitez une page web pour la première fois, votre navigateur doit demander toutes les images, textes et scripts au serveur de site. Ils sont stockés dans le cache de votre navigateur de sorte que lorsque vous visitez d’autres pages sur le site, il vous suffit de télécharger les parties qui sont uniques, mais pas la totalité du site. Le stockage local vous permet de stocker des mégabits de données en utilisant le navigateur de vos visiteurs. L’utilisation de la mise en cache possède deux grands avantages :

• Une amélioration de la vitesse : le visiteur accède aux ressources depuis sont ordinateur local, et ne doit pas attendre que le serveur lui délivre tout le contenu.
• Des économies : Comme vous augmentez l’utilisation du stockage local, l’utilisation de votre serveur va diminuer. Cela signifie que vous devrez payer pour moins de bande passante et moins d’utilisation du serveur.

Optez pour un réseau de diffusion de contenu (CDN)

Imaginez que le serveur de votre site web se trouve physiquement en Région Parisienne. Votre site va se charger rapidement pour les locaux parce que les données n’ont qu’une courte distance à effectuer à partir du serveur jusqu’à l’utilisateur. Maintenant, imaginez un utilisateur qui veut visiter votre site et qui se trouve aux Etats-Unis. Les données doivent voyager outre-Atlantique. Chaque image, chaque vidéo, chaque fichier javascript, tous les fichiers CSS, doivent voyager. Ne serait-il pas merveilleux si une copie de la page pouvait exister dans un serveur à la fois à Paris et aux Etats-Unis ? C’est exactement ce que fait un réseau de diffusion de contenu (CDN).

Utilisez Page Speed Insights

Dans Google Webmaster Tools, vous avez accès à « PageSpeed ​​Insights ». Cet outil analyse la vitesse de chargement des pages de votre site, et vous donne des conseils sur la façon d’apporter des améliorations. Il est particulièrement intéressant parce que Google utilise une analyse assez similaire pour créer son index. Grâce à cet outil, vous voyez ainsi ce que Google voit. Vous pouvez apporter les bonnes corrections, et monitorer votre évolution.

L’article 5 conseils pour accélérer votre site et améliorer le SEO est apparu en premier sur Quanta.