La mise à jour de l’expérience de la page de Google qui arrivera en 2021 va certainement réécrire le livre de règles SEO une fois de plus, augmentant l’importance de la vitesse du site Web pour la visibilité. Parce que l’algorithme Google nouvellement pondéré classera les pages plus sur l’expérience utilisateur globale, les magasins de commerce électronique lents se classeront encore plus bas qu’avant.
Ce changement peut avoir un impact sérieux sur la position SERP de nombreux grands détaillants qui exploitent leurs magasins sur Salesforce commerce Cloud, ainsi que sur ceux qui utilisent d’autres types de plateformes de commerce électronique. Mais le changement pourrait également être considéré comme une bénédiction potentielle déguisée, une prod bien nécessaire pour les opérateurs d’aller plus loin et de regarder au-delà des tactiques d’optimisation standard, y compris l’optimisation d’image, le chargement paresseux, CDN, les gestionnaires de balises, ou la mise en œuvre d’AMP.
Dans cet article, nous examinerons les moyens possibles de rendre Salesforce commerce Cloud (SFCC en abrégé) opérationnel et d’exécuter un site Web rapide et très performant qui se classe bien dans les résultats de recherche de Google. Ou comment, au lieu de dépenser les précieux dollars en essayant de raser une seule seconde sur les temps de chargement, vous pouvez fournir un site Web à chargement instantané avec la moitié de l’effort.
La prochaine mise à jour du classement de Google n’est pas seulement un caprice de géant pour secouer le paysage du commerce électronique. Il s’aligne parfaitement avec les tendances actuelles dans le commerce électronique et donne à juste titre plus de crédit aux sites Web très performants et rapides. Les magasins ne rivalisent pas seulement sur le prix et la qualité du service, mais de plus en plus sur l’expérience globale.
Ce n’est un secret pour personne que Salesforce commerce Cloud, tout comme de nombreuses autres plateformes de commerce électronique, a été conçu d’une manière qui se concentre principalement sur les fonctionnalités métier de base : afficher les informations sur les produits ainsi que les prix et donner aux opérateurs un backend fonctionnel pour gérer leur stock. L’optimisation de la vitesse du site web est laissée aux clients des plateformes, intégrateurs de systèmes, concepteurs et développeurs.
Certainement pas. Les problèmes de vitesse sont omniprésents sur toutes les plateformes de commerce électronique SaaS populaires, notamment Magento, Shopify plus, Oracle commerce Cloud, BigCommerce et SAP commerce Cloud (Hybris). Nous avons écrit sur l’optimisation de ces plateformes pour la vitesse dans d’autres articles sur notre blog.
En avril 2020, nous avons réalisé une étude dans laquelle nous avons examiné les scores Google Lighthouse des 500 principaux détaillants en ligne américains (IR500) pour voir quelle plateforme de commerce électronique fournit systématiquement les sites les plus rapides. Malheureusement, la conclusion était que la plupart des sites IR500 fonctionnent étonnamment lentement, quelle que soit leur plate-forme de commerce électronique . En fait, nos données ont révélé que les systèmes internes surpassent de 61 % les principales plateformes de commerce électronique.
Les scores moyens de Lighthouse pour les sites Web sur les principales plates-formes de commerce électronique : Salesforce commerce Cloud, Magento, Shopify, SAP commerce Cloud (Hybris) et Oracle commerce Cloud n’étaient que de 18,7 (moyenne de 15)
Avec une moyenne de 18,5, Salesforce commerce Cloud a obtenu des scores comparables à Magento. Les scores médians étaient respectivement de 17 et 13,5 pour SFCC et Magento. En revanche, le score de performance moyen pour les sites Web utilisant des systèmes de commerce électronique internes / développés en interne était de 15% supérieur à l’IR500 et était en moyenne de 30,1. C’est peut-être l’une des raisons pour lesquelles près d’un cinquième des sites IR500 utilisent une solution de commerce électronique interne.
Salesforce commerce Cloud est une plate-forme de commerce électronique basée sur le cloud, basée sur le logiciel en tant que service, hautement évolutive. Salesforce ajoute régulièrement de nouvelles fonctionnalités, dont certaines sont censées vous aider à raser les précieuses secondes de chargement de vos pages. En fait, la nouvelle offre bêta de l’API commerce Cloud semble prometteuse mais est trop tôt pour en juger.
Examinons les options qui s’offrent à vous pour que Salesforce commerce Cloud soit à jour.
L’optimisation d’image est une tactique standard pour de nombreux sites Web de commerce électronique. Compte tenu de la richesse en images des sites de commerce électronique d’entreprise d’aujourd’hui, même de minuscules économies sur les images, lorsqu’elles sont mises en œuvre sur de grands sites Web, peuvent cumulativement s’ajouter à des gains significatifs à l’échelle du site.
De telles tactiques d’optimisation peuvent impliquer:
- Mise en œuvre d’un CDN pour servir les actifs à partir de points de présence plus proches (POP)
- Compression sans perte des images lors du téléchargement
- Images de chargement paresseux qui apparaissent bien en dessous du pli, en particulier sur les pages de liste de catégories de produits plus longues
Le service d’imagerie dynamique (dis) rationalise la distribution des images à la boutique Salesforce. Il élimine le besoin pour le détaillant de télécharger des versions de taille différente de chaque image.
Dis prend une seule image haute résolution et la transforme dynamiquement et la sert à la vitrine. Les paramètres de transformation dis vous permettent de contrôler la taille, le recadrage, la superposition, le format, la couleur d’arrière-plan et les paramètres de qualité d’une image.
Dis élimine la nécessité de traiter vos images merchandising ou créatives par lots à l’avance pour les rendre plus conviviales pour le Web. En utilisant une seule image, dis fournit les tailles correctes pour chaque application d’image, y compris votre page produit, page de catégorie, section produits recommandés, résultats de recherche, etc.
Réponse courte : non. Du moins pas seul.
De nombreux opérateurs supposent que le dis peut rendre le site plus rapide, mais la documentation autour du dis ne mentionne pas directement la vitesse comme un avantage. Les avantages du dis dépendent de l’installation, mais ne permettent pas nécessairement d’améliorer la vitesse, car les images sont traitées en temps réel.
Salesforce commerce Cloud est livré avec quelques modèles de framework prêts à l’emploi.
- Architecture de référence StoreFront (SFRA)
- Architecture de référence mobile First (MFRA)
- SiteGenesis (architecture de référence héritée de Salesforce)
StoreFront Reference architecture est le modèle de framework Salesforce le plus récent. Il est conçu pour la conception de pointe, mobile-first et vise à fournir aux détaillants une référence architecturale lors de la construction de magasins sur SFCC. Il intègre des intégrations prédéfinies avec l’API Salesforce commerce Cloud, des objets de données et des technologies tierces via le programme de partenariat technologique commerce Cloud LINK. Il utilise des widgets/intégrations préconstruits avec des objets de données, des API et des éléments tiers. C’est une évolution des anciens programmes Demandware site Genesis (1,0 et 2,0).
L’architecture de référence StoreFront est ciblée comme un outil pour atténuer les besoins de développement de site pour les changements frontend (c.-à-d. l’analyse de rentabilisation principale), et non comme un outil pour améliorer la vitesse de chargement des pages. En effet, les intégrations introduisent toujours des technologies et des scripts tiers sur la page, qui ralentissent intrinsèquement la page.
Réponse courte : pas vraiment. Il n’a pas été conçu pour.
Avec une approche de conception adaptative, Salesforce Reference architecture peut aider à améliorer les charges mobiles perçues et les temps de chargement côté serveur. SFRA contient également plusieurs intégrations pré-connectées avec le backend SFCC, ce qui signifie qu’elles devraient, en théorie, fonctionner mieux que les intégrations intégrées personnalisées.
Mais la SFRA seule ne rendra pas votre magasin beaucoup plus rapide! Il facilite le développement du site et réduit le coût total de possession. Dans certains cas, cependant, cela peut aggraver les temps de chargement, en fonction du nombre de scripts et de technologies tiers introduits par le constructeur.
Dans l’ensemble, SFRA n’offre que des avantages de vitesse minimes. Principalement parce que 75% du temps de chargement de la page provient de différents JavaScript, images et HTML tiers. Et dans la plupart des cas, il n’y a tout simplement aucun moyen de le contourner. Une perte de temps supplémentaire peut être attribuée à la conception, à la taille de l’image et à l’emplacement des images, dont aucun n’est accéléré de quelque manière que ce soit par SFRA.
Vous pouvez mettre en œuvre diverses tactiques lors de l’optimisation de votre boutique Salesforce commerce Cloud pour plus de rapidité. Vous pouvez utiliser un thème léger, optimiser vos images, réduire le nombre de balises (ou utiliser un gestionnaire de balises), et supprimer le code JavaScript bloquant le rendu, pour n’en nommer que quelques-uns. La seule chose que toutes ces techniques d’optimisation de la vitesse ont en commun est qu’elles se concentrent sur l’optimisation de la diffusion du contenu qui a été exploité et demandé. Voici quelques exemples de tactiques populaires qui tentent d’optimiser les choses qui se produisent après le robinet:
- Chargement paresseux
- Désinstallation des applications Salesforce commerce Cloud inutiles
- Suppression des liens rompus
- Suppression des pages « poids mort »
- Amélioration des performances mobiles avec AMP
Mais ce n’est que la moitié de la bataille. Pour échapper au cycle sans fin de l’optimisation de la vitesse, vous devez aller instantanément. Rendre votre site Web instantané (ou sub-seconde) nécessite une combinaison de technologies qui fonctionnent avant que le client clique sur quoi que ce soit. Cela signifie anticiper les robinets des utilisateurs plutôt que d’y réagir.
Que votre boutique fonctionne sur Salesforce commerce Cloud ou sur toute autre plate-forme de commerce électronique ou système backend, pour offrir l’expérience la plus rapide possible, vous devez mettre en œuvre des technologies Web avancées axées sur la vitesse. Et pour cela, vous devez d’abord aller sans tête et construire un frontend portable.
De nombreuses technologies web orientées vitesse nécessitent de séparer le backend du frontend, c’est-à-dire de rendre le frontend du magasin portable ou de s’abonner à une architecture de commerce électronique sans tête. Il est ainsi plus facile de mettre en œuvre des améliorations axées sur la vitesse sur le front et le back-end indépendamment. Et cela signifie également que vous pouvez fournir le site Web le plus rapide sur le backend de votre choix.
Passer sans tête avec votre boutique Salesforce commerce Cloud est nécessaire pour créer un frontend rapide et progressif Web App (PWA). Pour ce faire, vous avez besoin d’une couverture API solide qui vous permettrait de le connecter au backend SFCC. Ensuite, vous pouvez commencer à mettre en œuvre une gamme de technologies de pointe qui rendront votre site Web incroyablement rapide, y compris:
- 1 frontend portable pour des transitions de navigation rapides
- Prise en charge du rendu côté serveur (SSR) et de l’AMP pour des premiers chargements ultra-rapides.
- Prélecture prédictive
- Un CDN de pointe avec Edge computing pour optimiser les taux d’accès au cache pour le contenu dynamique à la périphérie et garder 5 secondes d’avance sur l’acheteur
Examinons dans quelle mesure Salesforce commerce Cloud est-il adapté à la mise en œuvre de ces technologies et à la prise en charge des sites Web de commerce électronique en moins de seconde.
L’API Open commerce (OCAPI) est une API RESTful utilisée par Salesforce commerce Cloud, qui se compose de trois API composantes :
- API boutique : permet d’accéder à la fonctionnalité de vitrine numérique commerce Cloud
- API de données : permet d’accéder aux fonctionnalités de configuration et d’intégration des applications numériques par objet
- Meta API : permet d’accéder à une description formelle des ressources et des documents disponibles dans l’API Open commerce.
Voir utilisation de l’API pour des informations générales sur l’utilisation de l’API Open commerce.
Il est important de noter que SFCC dispose d’une nouvelle couche CCAPI en version bêta en plus de l’API OCAPI.
L’offre bêta semble prometteuse, mais il est trop tôt pour juger dans quelle mesure elle prendra en charge les vitrines sans tête rapides.
Salesforce commerce Cloud ne prend pas en charge AMP ou SSR dès la sortie de l’emballage. En outre, les implémentations Pipeline peuvent être plus difficiles à prendre en charge sur une architecture headless.
Salesforce commerce Cloud ne propose aucun outil PWA prêt à l’emploi.
Mais vous avez deux options pour construire une application web progressive sur SFCC
- Construire une PWA à partir de zéro directement sur SiteGenesis ou Storefront Reference architecture (SFRA)
- Le construire sur un Front-End as a Service qui s’intègre à commerce Cloud
Les terminaux portables PWA modernes offrent des vitesses similaires à celles d’une application. Explorer le site Web est plus rapide, ce qui est particulièrement évident dans les magasins en ligne. Une sensation de type natif rendra un PWA sur SFCC plus rapide que la concurrence.
Il y a une limite au bénéfice total de la vitesse avec l’optimisation de la vitesse standard. Ces efforts sont souvent régis par des rendements décroissants, ce qui suggère qu’à un moment donné, le profit ou le bénéfice gagné par l’optimisation est inférieur à la quantité d’argent ou d’énergie investie.
Edgio renverse le concept d’optimisation de la vitesse et fait tout le travail lourd pour vous avant que les acheteurs ne tapent. En utilisant le préchargement prédictif avancé et un CDN moderne avec mise en cache de périphérie, vous pouvez diffuser des données JSON mises en cache depuis la périphérie vers le navigateur en fonction de ce que vous attendez du client qu’il fasse ensuite au lieu de brouiller pour optimiser les rendus de page après le tap. De cette façon, Edgio garde votre site 5 secondes d’avance sur l’acheteur à tout moment.
Layer0 (Edgio) est la seule plate-forme à garantir des chargements inférieurs à la seconde pour les sites Web à grande échelle basés sur des bases de données, tels que les sites de commerce électronique et de voyages avec des millions de pages. Et vous n’avez pas à nous croire sur parole : nous avons aidé des dizaines de magasins complexes – avec des dizaines d’étiquettes, un inventaire en temps réel et une tarification dynamique – et nous les avons tous aidés à obtenir moins de seconde. Prenez une minute pour parcourir deux sites SFCC incroyablement rapides, Shoe Carnival ou Kate Spade, sur votre téléphone pour découvrir les vitesses atteignables sur Layer0. Nous pouvons faire de même pour vous.
Notre objectif chez Layer0 est de rendre le Web instantané et simple. Les sites Web sur Layer0 voient des chargements de pages médians de 320 ms (FCP), et un trafic organique à deux chiffres et une hausse de conversion.
Layer0 (maintenant Edgio) est une solution tout-en-un pour développer, déployer, prévisualiser, expérimenter, surveiller et exécuter votre interface sans tête. Il inclut un CDN-as-JavaScript sensible aux applications avec des environnements de prévisualisation de pile complète, un rendu côté serveur intégré, un préchargement avancé et un contrôle complet de la mise en cache et du routage du trafic. Edgio s’assure que vous pressez chaque milliseconde de chaque effort d’optimisation. En fait, nous garantissons des charges médianes inférieures à 500 ms pour les sites Web dynamiques de grande taille fonctionnant sur Layer0.
La boutique Salesforce commerce Cloud de Shoe Carnival est passée de transitions de navigation de 6 secondes à 500 millisecondes sur Layer0 (Edgio)
Layer0 rend extrêmement simple d’avoir un magasin SFCC rapide et sans tête, du développement et du déploiement aux retours arrière faciles. Vous pouvez le faire pour n’importe quel frontend sans tête moderne : Next, Nuxt, React, Angular SAP/Spartacus, React Storefront, vue Storefront — nous les prenons tous en charge.
Pour récapituler, voici quelques-uns des avantages de l’exécution de votre boutique Salesforce commerce Cloud sur Layer0:
Vitesse
En exploitant un magasin plus rapide, vous offrez à vos clients la meilleure expérience possible et augmentez vos chances de progresser dans le SERP. KateSpade.com et ShoeCarnival.com ne sont que quelques exemples de sites Salesforce commerce Cloud qui se chargent à des vitesses inférieures à la seconde sur Layer0. En fait, Shoe Carnival est passé de 3,4 secondes de chargement de la première page et de 6 secondes de transition de navigation à un site qui se charge en moins d’une seconde. Sur Layer0, les premiers chargements sont maintenant 70,5% plus rapides, avec un temps de chargement médian de 1 seconde. Les chargements de pages suivants sont réduits de 92 %, soit seulement 500 ms.
Simplicité
Chez Layer0, nous visons à rendre le Web instantané et simple, même si nous soutenons la tendance headless, ce qui n’est pas une tâche simple. Les sites Web sur Layer0 voient une augmentation de 20 % de la vitesse des développeurs et de l’agilité de l’entreprise simplement en plaçant le code au centre de leur flux de travail avec notre plateforme JavaScript sans serveur. Avec Layer0, vous écrivez des règles de routage comme vous écrivez votre frontend – c’est une plate-forme JavaScript Everywhere à pile complète.
Collaboration
Chaque fois que vous écrivez un nouveau code, un environnement de pré-production est automatiquement généré. Votre équipe QA et les parties prenantes de l’entreprise peuvent le tester et fournir des commentaires avant même que le code ne soit fusionné.
Avec la mise à jour de l’expérience de page de Google qui sera mise en ligne début 2021, les sites Web plus lents perdront leur classement au profit de leurs concurrents plus rapides. La vitesse continuera de gagner en importance pour les utilisateurs et les moteurs de recherche, offrant des ascenseurs de trafic et de conversion.
L’écriture est sur le mur : les détaillants en ligne n’ont aucune excuse pour offrir des performances de site Web inférieures aux normes. Il est grand temps d’agir. C’est une opportunité pour les outdogs de commerce électronique de rattraper ou de battre leurs concurrents plus importants. Et le moyen le plus simple de le faire est de rendre votre site Web sous-seconde.
L’optimisation de votre boutique Salesforce commerce Cloud peut prendre beaucoup de temps et d’efforts, et les résultats peuvent ne pas être garantis. Mais nous avons ce qu’il vous faut! Layer0 vous permet de sauter la concurrence et de partir instantanément.
