Home Cómo hacerlo Cómo obtener el sitio en la nube de comercio de Salesforce más rápido que existe
Applications

Cómo obtener el sitio en la nube de comercio de Salesforce más rápido que existe

About The Author

Outline

La actualización de la experiencia de página de Google que llegará en 2021 está destinada a volver a escribir el código de reglas de SEO una vez más, lo que aumenta la importancia de la velocidad del sitio web para la visibilidad. Debido a que el algoritmo de Google recién ponderado clasificará las páginas más en la experiencia general del usuario, las tiendas de comercio electrónico lento se clasificarán aún más bajo que antes.

Este cambio puede afectar seriamente la posición SERP de muchos minoristas importantes que administran sus tiendas en Salesforce Commerce Cloud, así como aquellos que utilizan otras razas de plataformas de comercio electrónico. Pero el cambio también podría ser visto como una bendición potencial disfrazada, un prod muy necesario para que los operadores vayan más allá de las tácticas de optimización estándar, incluyendo la optimización de imágenes, carga perezosa, CDN, gestores de etiquetas, etc. o la implementación de AMP.

En esta publicación, veremos las posibles formas de acelerar Salesforce Commerce Cloud (SFCC, por sus siglas en inglés) y ejecutar un sitio web rápido y de alto rendimiento que ocupa un lugar destacado en los resultados de búsqueda de Google. O cómo, en lugar de gastar los valiosos dólares tratando de afeitar un solo segundo de los tiempos de carga, puede entregar un sitio web de carga instantánea con la mitad del esfuerzo.

La próxima actualización del ranking de Google no es solo un capricho gigante para sacudir el panorama del comercio electrónico. Se alinea perfectamente con las tendencias actuales en el comercio electrónico y, con razón, da más crédito a sitios web de alto rendimiento y rápidos. Las tiendas no solo compiten por el precio y la calidad del servicio, sino cada vez más por la experiencia general.

No es ningún secreto que Salesforce Commerce Cloud, al igual que muchas otras plataformas de comercio electrónico, fue diseñado de una manera que se centra principalmente en las funcionalidades principales del negocio: Mostrar información de productos junto con los precios y ofrecer a los operadores un backend funcional para administrar sus acciones. La optimización de la velocidad del sitio web se deja a los clientes de las plataformas, integradores de sistemas, diseñadores y desarrolladores.

Ciertamente no. Los problemas de velocidad impregnan todas las plataformas de comercio electrónico SaaS populares, incluidas Magento, Shopify Plus, Oracle Commerce Cloud, BigCommerce y SAP Commerce Cloud (Hybris). Hemos escrito sobre la optimización de estas plataformas para mayor velocidad en otras publicaciones de nuestro blog.

En abril de 2020, realizamos un estudio en el que analizamos las puntuaciones de Google Lighthouse de los 500 principales minoristas de Internet de Estados Unidos (IR500) para ver qué plataforma de comercio electrónico ofrece constantemente los sitios más rápidos. Desafortunadamente, la conclusión fue que la mayoría de los sitios web IR500 funcionan sorprendentemente lentos, independientemente de su plataforma de comercio electrónico. De hecho, nuestros datos encontraron que los sistemas internos superan a las principales plataformas de comercio electrónico en un 61%.

El promedio de puntajes de Lighthouse para sitios web en las principales plataformas de comercio electrónico: Salesforce Commerce Cloud, Magento, Shopify, SAP Commerce Cloud (Hybris) y Oracle Commerce Cloud fue de apenas 18,7 (media 15).

Con un promedio de 18,5, Salesforce Commerce Cloud tuvo puntuaciones comparables a Magento. La mediana de puntajes fue de 17 y 13,5 para SFCC y Magento, respectivamente. Por el contrario, el puntaje promedio de rendimiento para sitios web que utilizan sistemas de comercio electrónico internos / locales fue un 15% más alto que el IR500 y promedió en 30,1. Tal vez esta es una de las razones por las que casi una quinta parte de los sitios web IR500 utilizan una solución de comercio electrónico interna.

Salesforce Commerce Cloud es una plataforma de comercio electrónico de software como servicio altamente escalable y basada en la nube. Salesforce agrega regularmente nuevas características y funcionalidades, algunas de las cuales se pretenden ayudar a afeitar los preciosos segundos de las cargas de tu página. De hecho, la nueva oferta beta de la API de Commerce Cloud parece prometedora, pero es demasiado pronto para juzgar.

Veamos tus opciones para acelerar tu Salesforce Commerce Cloud.

La optimización de imágenes es una táctica estándar para muchos sitios web de comercio electrónico. Teniendo en cuenta lo intensos que son los sitios de comercio electrónico empresarial de hoy en día, incluso los pequeños ahorros en imágenes, cuando se implementan en sitios web grandes, pueden sumar ganancias significativas en todo el sitio.

Estas tácticas de optimización pueden implicar:

  • Implementación de una CDN para servir los activos desde puntos de presencia más cercanos (Pops)
  • Compresión sin pérdida de imágenes al subir
  • Imágenes de carga perezosas que aparecen muy por debajo del pliegue, especialmente en las páginas de lista de categorías de productos más largas

El servicio de imágenes dinámicas (DIS) optimiza el servicio de entrega de imágenes en el escaparate de Salesforce. Elimina la necesidad de que el minorista cargue versiones de diferente tamaño de cada imagen.

DIS toma una sola imagen de alta resolución y transforma dinámicamente y las sirve para el escaparate. Los parámetros de transformación DIS le dan control sobre el tamaño de una imagen, recorte, superposición, formato, color de fondo, etc. y ajustes de calidad.

DIS elimina el requisito de tener su merchandising o imágenes creativas procesadas por lotes con anticipación para hacerlas fáciles de usar en la web. Con una sola imagen, DIS ofrece los tamaños correctos para cada aplicación de imagen, incluida la página de producto, la página de categoría, la sección de productos recomendados, los resultados de búsqueda y más.

Respuesta corta: No Al menos no por sí solo.

Muchos operadores asumen que el DIS puede hacer que el sitio sea más rápido, pero la documentación en torno al DIS no menciona directamente la velocidad como un beneficio. Los beneficios de DIS dependen de la instalación, pero no necesariamente pueden conducir a una mejora de la velocidad, ya que las imágenes se procesan en tiempo real.

Salesforce Commerce Cloud viene con algunas plantillas de marco fuera de la caja.

  • Arquitectura de Referencia de StoreFront (SFRA)
  • Arquitectura de primera referencia móvil (MFRA)
  • SiteGenesis (arquitectura de referencia del legado de Salesforce)

StoreFront Reference Architecture es la plantilla de marco de referencia más reciente de Salesforce. Está diseñado para un diseño de vanguardia y móvil y tiene como objetivo proporcionar a los minoristas una referencia de arquitectura al construir tiendas en SFCC. Incorpora integraciones prediseñadas con la API de Salesforce Commerce Cloud, objetos de datos y tecnologías de terceros a través del Programa de Socios Tecnológicos Commerce Cloud LINK. Utiliza widgets/integraciones preconstruidos con objetos de datos, API y elementos de terceros. Es una evolución de los antiguos programas Demandware Site Genesis (1,0 y 2,0).

StoreFront Reference Architecture se dirige como una herramienta para aliviar las necesidades de desarrollo de sitios para los cambios de frontend (es decir, el caso de negocio principal), y no como una herramienta para mejorar las velocidades de carga de página. Esto se debe a que las integraciones todavía introducen tecnologías y scripts de terceros en la página, lo que inherentemente ralentiza la página.

Respuesta corta: Realmente no. No fue diseñado para.

Con un enfoque de diseño adaptativo, Salesforce Reference Architecture puede ayudar a mejorar las cargas móviles percibidas y los tiempos de carga del lado del servidor. SFRA también contiene varias integraciones pre-conectadas con el backend SFCC, lo que significa que, en teoría, deberían funcionar mejor que las integraciones integradas personalizadas.

¡Pero SFRA por sí solo no hará que su tienda sea mucho más rápida! Permite un desarrollo más fácil del sitio y reduce el costo total de propiedad. En algunos casos, sin embargo, puede empeorar los tiempos de carga, dependiendo del número de scripts de terceros y tecnologías introducidas por el constructor.

En general, SFRA ofrece solo beneficios de velocidad mínimos. Principalmente porque el 75% del tiempo de carga de la página proviene de varios JavaScript, imágenes y HTML de terceros. Y en la mayoría de los casos, simplemente no hay manera de evitarlo. La pérdida de tiempo adicional se puede atribuir al diseño, el tamaño de la imagen y la ubicación de las imágenes, ninguna de las cuales se acelera de ninguna manera por SFRA.

Puedes implementar varias tácticas al optimizar tu tienda de Salesforce Commerce Cloud para mayor velocidad. Puedes usar un tema ligero, optimizar tus imágenes, reducir el número de etiquetas (o usar un gestor de etiquetas) y eliminar el código JavaScript que bloquea el procesamiento, por nombrar algunas. Lo único que todas estas técnicas de optimización de velocidad tienen en común es que están enfocadas en optimizar la entrega de contenido que fue aprovechado y solicitado. Aquí hay algunos ejemplos de tácticas populares que intentan optimizar las cosas que suceden después del toque:

  • Carga perezosa
  • Desinstalar aplicaciones innecesarias de Salesforce Commerce Cloud
  • Eliminación de enlaces rotos
  • Eliminar las páginas de “peso muerto”
  • Mejora del rendimiento móvil con AMP

Pero esto es solo la mitad de la batalla. Para escapar del ciclo interminable de optimización de velocidad, debe ir instantáneo. Hacer que su sitio web sea instantáneo (o sub-segundo) requiere una combinación de tecnologías que funcionan antes de que el cliente haga clic en cualquier cosa. Esto significa anticipar los toques de los usuarios en lugar de reaccionar a ellos.

Ya sea que su tienda se ejecute en Salesforce Commerce Cloud o cualquier otra plataforma de comercio electrónico o sistema de backend, ofrecer la experiencia más rápida requiere implementar tecnologías web avanzadas centradas en la velocidad. Y para eso, primero debes ir sin cabeza y construir un frontend portátil.

Muchas tecnologías web orientadas a la velocidad requieren separar el backend del frontend, es decir, hacer que el frontend de la tienda sea portátil o suscribirse a una arquitectura de comercio electrónico sin cabeza. Al hacerlo, es más fácil implementar mejoras orientadas a la velocidad en el frente y el backend de forma independiente. Y también significa que puede entregar el sitio web más rápido en el backend de su elección.

Ir sin cabeza con su tienda Salesforce Commerce Cloud es necesario para crear un frontend rápido y progresivo de la aplicación web (PWA). Para hacer esto, necesita una cobertura API sólida que le permita conectarla al backend SFCC. Luego, puede comenzar a implementar una gama de tecnologías de vanguardia que harán que su sitio web sea increíblemente rápido, incluyendo:

  • 1Frontend portátil para transiciones de navegación rápidas
  • El renderizado del lado del servidor (SSR) y el soporte AMP para las primeras cargas ultrarrápidas.
  • Prefetching predictivo
  • Una CDN de última generación con edge computing para optimizar las tasas de acierto de la caché para contenido dinámico en el edge y mantenerse 5 segundos por delante del comprador

Investiguemos qué tan adecuado es Salesforce Commerce Cloud para implementar estas tecnologías y dar soporte a sitios web de comercio electrónico de subsegundos.

La API de Comercio Abierto (OCAPI) es una API RESTful utilizada por Salesforce Commerce Cloud, que consta de tres API componentes:

  • Tienda API: Proporciona acceso a la funcionalidad de tienda digital de Commerce Cloud
  • API de datos: Proporciona acceso a la configuración de aplicaciones digitales y funcionalidad de integración por objeto
  • Meta API: Proporciona acceso a una descripción formal de los recursos y documentos disponibles en la API de Comercio Abierto.

Consulte Uso de la API para obtener información general sobre el uso de la API de Open Commerce.

Es importante tener en cuenta que SFCC tiene una nueva capa CCAPI en beta además de la API OCAPI.

La oferta beta parece prometedora, pero es demasiado pronto para juzgar en qué medida apoyará los escaparates rápidos sin cabeza.

Salesforce Commerce Cloud no admite AMP o SSR de forma inmediata. Además, las implementaciones de canalizaciones pueden ser más difíciles de soportar en una arquitectura sin cabeza.

Salesforce Commerce Cloud no ofrece ninguna herramienta PWA fuera de la caja.

Pero tienes dos opciones para crear una aplicación web progresiva en SFCC

  • Construir un PWA desde cero directamente en SiteGenesis o Storefront Reference Architecture (SFRA)
  • Construirlo en un Front-End como un servicio que se integra con Commerce Cloud

Los frontend portátiles modernos de PWA ofrecen velocidades similares a las de una aplicación. Explorar el sitio web es más rápido, esto es especialmente evidente en las tiendas en línea. Una sensación nativa hará que un PWA en SFCC se sienta más rápido que la competencia.

Hay un límite para el beneficio de velocidad total con la optimización de velocidad estándar. Estos esfuerzos a menudo se rigen por rendimientos decrecientes, lo que sugiere que en algún momento, el beneficio o beneficio obtenido por la optimización es menor que la cantidad de dinero o energía invertida.

Edgio invierte el concepto de optimización de velocidad y hace todo el trabajo pesado por usted antes de que los compradores aprovechen. Mediante el uso de la preobtención predictiva avanzada y una CDN moderna con almacenamiento en caché de borde, puede transmitir datos JSON almacenados en caché desde el borde al navegador en función de lo que espera que el cliente haga a continuación en lugar de codificar para optimizar los renders de página después del toque. De esta manera, Edgio mantiene su sitio 5 segundos por delante del comprador en todo momento.

Layer0 (Edgio) es la única plataforma que garantiza cargas de subsegundos para sitios web a gran escala basados en bases de datos, como eCommerce y sitios de viajes con millones de páginas. Y no tiene que tomar nuestra palabra para ello: Hemos ayudado a docenas de tiendas complejas, con docenas de etiquetas, inventario en tiempo real y precios dinámicos, y les hemos ayudado a todos a obtener un segundo menor. Tómese un minuto para navegar a través de dos sitios de SFCC increíblemente rápidos, Shoe Carnival o Kate Spade, en su teléfono para experimentar las velocidades alcanzables en Layer0. Podemos hacer lo mismo por usted.

Nuestro objetivo en Layer0 es hacer que la Web sea instantánea y simple. Los sitios web en Layer0 ven cargas medias de página de 320 ms (FCP), y tráfico orgánico de dos dígitos y elevación de conversión.

Layer0 (ahora Edgio) es una solución todo-en-uno para desarrollar, implementar, previsualizar, experimentar, monitorear, y ejecuta tu frontend sin cabeza. Incluye un CDN-AS-JavaScript con aplicaciones con entornos de vista previa de pila completa, renderizado integrado en el lado del servidor, prebúsqueda avanzada y control completo sobre el almacenamiento en caché y el enrutamiento del tráfico. Edgio se asegura de apretar cada milisegundo de cada esfuerzo de optimización. De hecho, garantizamos cargas de página medianas de menos de 500 ms para sitios web grandes y dinámicos que se ejecutan en Layer0.

La tienda Salesforce Commerce Cloud de Shoe Carnival pasó de transiciones de navegación de 6 segundos a 500 milisegundos en Layer0 (Edgio)

Layer0 hace que tener una tienda SFCC rápida y sin cabeza sea súper simple, desde el desarrollo y la implementación hasta simples devoluciones. Puede hacerlo para cualquier frontend moderno sin cabeza: Next, Nuxt, React, Angular SAP/Spartacus, React Storefront, Vue Storefront: apoyamos a todos ellos.

Para resumir, estos son algunos de los beneficios de ejecutar su tienda de Salesforce Commerce Cloud en Layer0:

Velocidad

Al ejecutar una tienda más rápida, está ofreciendo a sus clientes la mejor experiencia posible y aumentando sus posibilidades de aumentar en el SERP. KateSpade.com y ShoeCarnival.com son solo algunos ejemplos de sitios de Salesforce Commerce Cloud que se cargan en velocidades de subsegundos en Layer0. De hecho, Shoe Carnival bajó de 3,4 segundos de carga de primera página y transiciones de navegación de 6 segundos a un sitio que carga en menos de 1 segundo. En Layer0, las primeras cargas son ahora 70.5% más rápidas, con un tiempo de carga medio de 1 segundo. Las cargas de página posteriores se reducen en un asombroso 92%, hasta solo 500 ms.

Simplicidad

En Layer0, nuestro objetivo es hacer que la Web sea instantánea y simple, a pesar de que estamos apoyando la tendencia sin cabeza, que no es una tarea simple. Los sitios web en Layer0 ven un aumento del 20% en la velocidad de los desarrolladores y la agilidad empresarial simplemente al poner el código en el centro de su flujo de trabajo con nuestra plataforma JavaScript sin servidor. Con Layer0, escribes reglas de enrutamiento como escribes tu frontend, es una plataforma JavaScript Everywhere de pila completa.

Colaboración

Cada vez que escribes un nuevo código, se genera automáticamente un entorno de preproducción. Su personal de control de calidad y las partes interesadas del negocio pueden probarlo y proporcionar retroalimentación antes de que el código se fusione.

Con la actualización de experiencia de página de Google en marcha a principios de 2021, los sitios web más lentos perderán su clasificación a favor de sus competidores más rápidos. La velocidad seguirá ganando importancia para los usuarios y los motores de búsqueda, ofreciendo tráfico y elevaciones de conversión.

La escritura está en la pared: Los minoristas en línea no tienen excusas para ofrecer un rendimiento de sitio web inferior al estándar. Ya es hora de tomar medidas. Esta es una oportunidad para que los perdedores del comercio electrónico se pongan al día o derroten a sus competidores más grandes. Y la forma más fácil de hacerlo es hacer que su sitio web sea sub-segundo.

Optimizar tu tienda Salesforce Commerce Cloud puede llevar mucho tiempo y esfuerzo, y los resultados pueden no estar garantizados. ¡Pero te tenemos cubierto! Layer0 le permite saltar la competencia y ir instantáneo.