L’évolution de la pile technologique permet un commerce électronique haute performance

0
222

Les technologies qui alimentent le Web et les applications mobiles ne cessent d’évoluer. Chaque nouvelle phase crée des opportunités pour les entreprises. La dernière itération est l’extension des capacités dites de réseau de périphérie, qui aident les marchands en ligne à améliorer les performances et l’expérience utilisateur.

Les performances et l’expérience utilisateur sont fondamentales pour la nouvelle initiative «Web Vitals» de Google, qui fournit «des conseils unifiés pour les signaux de qualité qui… sont essentiels pour offrir une excellente expérience utilisateur sur le Web», a écrit Ilya Grigorik, ingénieur des performances Web de Google.

Les « Core Web Vitals » de Google informeront bientôt les classements de recherche organique.

Ces éléments essentiels du Web sont:

  • La plus grande peinture de contenu. « Mesure la vitesse de chargement perçue et marque le point dans la chronologie de chargement de la page où le contenu principal de la page a probablement été chargé. »
  • Premier délai d’entrée. « Mesure la réactivité et quantifie l’expérience que les utilisateurs ressentent lorsqu’ils essaient d’interagir pour la première fois avec la page. »
  • Décalage cumulatif de la disposition. « Mesure la stabilité visuelle et quantifie la quantité de changement de mise en page inattendu du contenu de la page visible. »
Les Core Web Vitals de Google tentent de quantifier ce que l'on ressent en visitant un site Web.

Les Core Web Vitals de Google tentent de quantifier ce que l’on ressent en visitant un site Web.

Pile technologique

Dans le secteur du commerce électronique, de grands changements sont à venir et arrivent dans la pile technologique pour ce type de raison. Et bien que toutes les entreprises de commerce électronique ne se précipitent pas pour changer de plate-forme ou changer la façon dont elles construisent, déploient et gèrent leur boutique en ligne, cette pile technologique en évolution permet aux entreprises d’améliorer leur concurrence (comme dans l’exemple Core Web Vitals) et de découvrir de nouvelles niches de commerce électronique. ou opportunités.

En d’autres termes, si un magasin de commerce électronique a eu du mal avec les performances de ses pages actuelles, l’optimisation des moteurs de recherche et les nouvelles fonctionnalités ou capacités telles que les pages mobiles accélérées, il est raisonnable de prendre le contrôle de ces zones avec l’aide d’un développeur frontend familiarisé avec JavaScript. et l’émergence de ce que l’on pourrait appeler les plates-formes de périphérie.

Plateformes Edge

Les plates-formes Edge combinent les avantages d’un réseau périphérique – pensez à un réseau de diffusion de contenu – et des aspects d’intégration continue et de rendu de page statique.

«La meilleure façon d’expliquer cela dans le contexte du commerce électronique est de réfléchir à la façon dont nous avons un spectre dans l’industrie [that ranges from]pas de code pour devenir un AWS [Amazon Web Services] expert, un expert en codage, un expert en tout et une sorte de construction de l’univers entier à partir de zéro », a déclaré Guillermo Rauch, PDG de Vercel et co-créateur de Next.js, un framework React pour les pages statiques et le pré-rendu.

Les plates-formes de commerce électronique vont des présentations sans code, par glisser-déposer sur Shopify, BigCommerce ou Wix, par exemple, aux sites Web créés à partir de zéro par des équipes d'experts.

Les plates-formes de commerce électronique vont des présentations sans code, par glisser-déposer sur Shopify, BigCommerce ou Wix, par exemple, aux sites Web créés à partir de zéro par des équipes d’experts.

«Vercel est en fait au milieu de ce monde… avec une solution low code», a poursuivi Rauch.

Vercel et ses concurrents – qui pourraient inclure des entreprises qui offrent un hébergement Web statique, une intégration continue, des réseaux de diffusion de contenu ou une combinaison de ces services – offrent aux opérations de commerce électronique un contrôle complet de la façon dont leur entreprise, leur marque et leurs produits sont présentés aux clients via un site Web (contrairement à une solution sans code, glisser-déposer), mais en aidant à fournir le site sans nécessiter une grande expertise en infrastructure. C’est une approche Boucle d’or – ni trop chaud ni trop froid.

Next.js. Pour Rauch, un exemple de la façon dont une plate-forme Edge peut fournir à la fois puissance et polyvalence commence avec le framework Next.js, qu’il a aidé à créer au-dessus de React. (Facebook a publié React en mai 2013.)

«Next.js permet aux utilisateurs de se familiariser avec un frontend en utilisant très peu de code par rapport à la configuration de cette infrastructure frontend eux-mêmes.»

Lors d'un appel vidéo avec l'auteur, le PDG de Vercel, Guillermo Rauch, a décrit comment son entreprise peut aider les développeurs frontaux à utiliser Next.js pour créer des sites Web de commerce électronique exceptionnels.

Lors d’un appel vidéo avec l’auteur, le PDG de Vercel, Guillermo Rauch, a décrit comment son entreprise pouvait aider les développeurs frontaux à utiliser Next.js pour créer des sites Web de commerce électronique exceptionnels.

En d’autres termes, Next.js facilite l’utilisation de React et rend React SEO convivial.

Dans sa forme la plus ancienne, Next.js générait des pages Web statiques qui pouvaient être livrées très rapidement et qui étaient faciles à lire et à comprendre pour le robot d’exploration de Google. Au fil du temps, le cadre a évolué pour gérer des sites Web plus complexes et a inclus le rendu et le pré-rendu côté serveur.

«Pour le développeur frontend, c’est un peu comme un rêve devenu réalité. Vous pouvez utiliser la dernière technologie React et vous avez le pouvoir de posséder l’ensemble du processus de rendu. Vous pouvez faire pratiquement tout ce que vous voulez en ce qui concerne le frontend », a déclaré Rauch.

«Mais le problème est que lorsqu’il s’agit de déployer cette technologie et de répondre aux normes de performance les plus élevées et [developing]toutes les optimisations prêtes pour la production – compression d’actifs, optimisation d’image et mise en cache CDN – ce sont des choses… qui étaient un peu hors de portée du développeur frontend. Le développeur frontend vivrait dans cet isolement d’écriture de JavaScript, d’écriture de HTML, puis une autre équipe ou personne viendrait plus tard, espérons-le, pour s’assurer que lorsqu’il serait déployé en production, il fonctionnerait », a déclaré Rauch.

Les plates-formes de périphérie, comme Vercel de Rauch, résolvent ce problème pour le développeur frontend et, par conséquent, abaissent la barre pour avoir un site de commerce électronique extrêmement performant.

Plates-formes Edge utilisées

Voici un exemple de la façon dont une plate-forme périphérique pourrait s’intégrer à d’autres technologies de commerce électronique émergentes.

Sans tête. Imaginez que vous êtes le propriétaire d’une bagagerie en ligne. Vous vendez vos produits via plusieurs marchés, sur une poignée d’applications, via la diffusion en direct et sur votre propre site de commerce électronique. Vous souhaitez conserver toutes vos informations produit en un seul endroit, mais vous avez besoin de nombreuses options pour la présentation du produit.

Vous utilisez BigCommerce comme un système de gestion de contenu sans tête, bénéficiant de tous les avantages du backend de commerce électronique mature de BigCommerce sans être associé à une seule présentation de produit.

Réagir. Étant donné que le CMS headless BigCommerce est accessible via une interface de programmation d’application, vous pouvez utiliser React pour extraire facilement les données produit. De plus, React Native facilite la création d’applications mobiles natives avec une base de code très similaire.

Next.js. Vous voulez un site Web ultra-rapide pour satisfaire les principales fonctionnalités Web de Google. Mais vous avez un problème. Vous souhaitez mettre en place une campagne de personnalisation vigoureuse sur votre site de commerce électronique. Si vous affichez chaque page de manière statique, comment proposerez-vous la personnalisation?

Plateforme Edge. Vous pouvez utiliser la plate-forme périphérique de Vercel pour afficher plusieurs versions de chaque page de produit en fonction du segment d’un client. La plupart de votre personnalisation serait à la périphérie du réseau, offrant à la fois des performances et une personnalisation extrêmement rapides.

Ceci n’est qu’un exemple. De nombreuses autres possibilités existent.