La actualización de la experiencia de la página de Google que se presentará en 2021 está destinada a reescribir el libro de reglas de SEO una vez más, aumentando la importancia de la velocidad del sitio web para la visibilidad. Debido a que el nuevo algoritmo ponderado de Google posicionará las páginas más en la experiencia general del usuario, las tiendas de comercio electrónico lentas tendrán un posicionamiento aún más bajo que antes.
Este cambio puede afectar seriamente la posición SERP de muchos de los principales minoristas que operan sus tiendas en Salesforce Commerce Cloud, así como de aquellos que utilizan otras clases de plataformas de comercio electrónico. Pero el cambio también podría ser visto como una bendición potencial disfrazada, un impulso muy necesario para que los operadores vayan más allá de las tácticas de optimización estándar, incluyendo la optimización de imagen, la carga perezosa, CDN, administradores de etiquetas o la implementación de AMP.
En esta publicación, analizaremos las posibles formas de poner al día Salesforce Commerce Cloud (SFCC) y ejecutar un sitio web rápido y de alto rendimiento que ocupa un lugar alto en los resultados de búsqueda de Google. O cómo, en lugar de gastar los preciosos dólares tratando de reducir 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 de ranking de Google no es solo el capricho de un 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 los sitios web de alto rendimiento y rapidez. Las tiendas no solo están compitiendo en precio y calidad del servicio, sino cada vez más en la experiencia general.
No es ningún secreto que Salesforce Commerce Cloud, al igual que muchas otras plataformas de comercio electrónico, se diseñó de una manera que se centra principalmente en las funcionalidades principales del negocio: Mostrar información de productos junto con precios y ofrecer a los operadores un backend funcional para administrar sus existencias. La optimización de la velocidad del sitio web se deja a los clientes de las plataformas, integradores de sistemas, diseñadores y desarrolladores.
Desde luego que no. Los problemas de velocidad impregnan todas las plataformas populares de comercio electrónico SaaS, incluyendo Magento, Shopify Plus, Oracle Commerce Cloud, BigCommerce y SAP Commerce Cloud (Hybris). Hemos escrito sobre la optimización de estas plataformas para la 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 consistentemente los sitios más rápidos. Desafortunadamente, la conclusión fue que la mayoría de los sitios web IR500 funcionan sorprendentemente lento, independientemente de su plataforma de comercio electrónico. De hecho, nuestros datos encontraron que los sistemas internos superan a las plataformas de comercio electrónico líderes en un 61%.
Las puntuaciones promedio de Lighthouse para los sitios web en las principales plataformas de comercio electrónico: Salesforce Commerce Cloud, Magento, Shopify, SAP Commerce Cloud (Hybris) y Oracle Commerce Cloud fueron de solo 18,7 (media de 15).
Con un promedio de 18,5, Salesforce Commerce Cloud tuvo puntuaciones comparables a las de Magento. Los puntajes medianos fueron 17 y 13,5 para SFCC y Magento, respectivamente. En contraste, la puntuación de rendimiento promedio para los sitios web que utilizan sistemas de comercio electrónico internos / locales fue un 15% más alta 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 supuestamente ayudan a reducir los preciosos segundos de carga de su página. De hecho, la nueva oferta beta de la API de Commerce Cloud parece prometedora, pero es demasiado pronto para juzgarla.
Echemos un vistazo a sus opciones para acelerar su nube de comercio de Salesforce.
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 las imágenes de los sitios de comercio electrónico empresariales de hoy en día, incluso los pequeños ahorros en imágenes, cuando se implementan en sitios web grandes, pueden acumular ganancias significativas en todo el sitio.
Tales tácticas de optimización pueden implicar:
- Implementación de una CDN para servir a los activos desde puntos de presencia más cercanos (POP)
- Comprimiendo sin pérdida las imágenes al subir
- Imágenes de carga perezosa que aparecen muy por debajo del pliegue, especialmente en las páginas de listado de categorías de productos más largas
El Dynamic Imaging Service (DIS) agiliza el envío de imágenes a la tienda de Salesforce. Elimina la necesidad de que el minorista cargue versiones de diferentes tamaños de cada imagen.
DIS toma una sola imagen de alta resolución y las transforma dinámicamente y las sirve al escaparate. Los parámetros de transformación DIS le dan control sobre el tamaño, el recorte, la superposición, el formato, el color de fondo y la configuración de calidad de una imagen.
DIS elimina el requisito de tener su merchandising o imágenes creativas procesadas por lotes con anticipación para hacerlas web amigables. Con una sola imagen, DIS sirve los tamaños correctos para cada aplicación de imagen, incluida la página del producto, la página de categorías, 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 DIS puede hacer que el sitio sea más rápido, pero la documentación alrededor de DIS no menciona directamente la velocidad como 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 de trabajo listas para usar.
- Arquitectura de referencia StoreFront (SFRA)
- Arquitectura de primera referencia móvil (MFRA)
- SiteGenesis (arquitectura de referencia heredada de Salesforce)
StoreFront Reference Architecture es la plantilla de marco de trabajo de Salesforce más reciente. Está diseñado para un diseño de vanguardia y móvil primero 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 de Commerce Cloud LINK. Utiliza widgets/integraciones preconstruidas 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 está orientada como una herramienta para aliviar las necesidades de desarrollo del sitio para cambios en el frontend (es decir, el caso principal de negocio), y no como una herramienta para mejorar las velocidades de carga de la página. Esto se debe a que las integraciones todavía introducen tecnologías y scripts de terceros en la página, que inherentemente ralentizan la página.
Respuesta corta: En realidad no. No fue diseñado para ello.
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 preconectadas con el backend de SFCC, lo que significa que, en teoría, deberían rendir mejor que las integraciones personalizadas incorporadas.
¡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 y tecnologías de terceros introducidas por el constructor.
En general, SFRA solo ofrece beneficios mínimos de velocidad. 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 forma 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 es acelerada de ninguna manera por SFRA.
Puede implementar varias tácticas al optimizar su 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 administrador de etiquetas) y eliminar el código JavaScript que bloquea el procesamiento, por nombrar algunos. La única cosa que todas estas técnicas de optimización de velocidad tienen en común es que se centran en optimizar la entrega de contenido que fue tocado 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 tu sitio web sea instantáneo (o en un segundo) requiere una combinación de tecnologías que funcionen antes de que el cliente haga clic en cualquier cosa. Esto significa anticipar los toques de los usuarios en lugar de reaccionar ante ellos.
Ya sea que su tienda se ejecute en Salesforce Commerce Cloud o en cualquier otra plataforma de comercio electrónico o sistema de backend, ofrecer la experiencia más rápida requiere implementar tecnologías web avanzadas enfocadas en la velocidad. Y para eso, primero debe 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 front y 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 de 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 conectarlo al backend de SFCC. Luego, puedes comenzar a implementar una gama de tecnologías de vanguardia que harán que tu sitio web sea increíblemente rápido, incluyendo:
- 1Frontend portátil para transiciones de navegación rápidas
- Renderizado del lado del servidor (SSR) y soporte de AMP para primeras cargas ultrarrápidas.
- Prefetching predictivo
- Una CDN de última generación con computación de borde para optimizar las tasas de aciertos de caché para contenido dinámico en el borde y permanecer 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 sub-segundo.
La API de Comercio Abierto (OCAPI) es una API RESTful utilizada por Salesforce Commerce Cloud, que consta de tres API componentes:
- API de tienda: Proporciona acceso a la funcionalidad digital de la tienda de Commerce Cloud
- API de datos: Proporciona acceso a la configuración de aplicaciones digitales y a la 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 Comercio Abierto.
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á escaparates rápidos sin cabeza.
Salesforce Commerce Cloud no admite AMP o SSR de forma inmediata. Además, las implementaciones de Pipeline 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
- Construyendo un PWA desde cero directamente en SiteGenesis o StoreFront Reference Architecture (SFRA)
- Construyéndolo en un Front-end como servicio que se integra con Commerce Cloud
Las modernas frontends portátiles PWA ofrecen velocidades similares a 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 total de velocidad con la optimización de velocidad estándar. Tales esfuerzos a menudo se rigen por la disminución de los rendimientos, 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 revierte el concepto de optimización de velocidad y hace todo el trabajo pesado por usted antes de que los compradores toquen. Mediante el uso de prefetching predictivo avanzado y una CDN moderna con almacenamiento en caché de borde, puede transmitir datos JSON almacenados en caché desde el borde al navegador según lo que espera que haga el cliente 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 menos de segundos para sitios web basados en bases de datos a gran escala, como sitios de comercio electrónico y viajes con millones de páginas. Y no tiene que tomar nuestra palabra por ello: Hemos ayudado a docenas de tiendas complejas, con docenas de etiquetas, inventario en tiempo real y precios dinámicos, y ayudamos a todas a obtener un segundo. Tómese un minuto para navegar a través de dos sitios 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 sencilla. Los sitios web en Layer0 ven cargas medianas 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 ejecutar su frontend sin cabeza. Incluye un CDN-as-JavaScript que reconoce la aplicación con entornos de vista previa de pila completa, renderizado integrado en el lado del servidor, prefetching avanzado y control completo sobre el almacenamiento en caché y el enrutamiento del tráfico. Edgio se asegura de que exprima cada milisegundo de cada esfuerzo de optimización. De hecho, garantizamos cargas medianas de página inferiores a 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 las reversiones fáciles. Puedes hacerlo con cualquier frontend moderno sin cabeza: Next, Nuxt, React, Angular SAP/Spartacus, React StoreFront, Vue StoreFront; todos los apoyamos.
Para recapitular, estos son algunos de los beneficios de ejecutar su tienda 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 obtener más alto en el SERP. KateSpade.com y ShoeCarnival.com son solo algunos ejemplos de sitios de Salesforce Commerce Cloud que se cargan a velocidades de sub-segundo en Layer0. De hecho, Shoe Carnival bajó de 3,4 segundos de cargas 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 medio de carga de 1 segundo. Las cargas de página subsiguientes se reducen en un sorprendente 92%, hasta solo 500ms.
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 de JavaScript Everywhere completa.
Colaboración
Cada vez que escribes un nuevo código, se genera automáticamente un entorno de preproducción. Sus personas 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 la experiencia de la página de Google que se pondrá en marcha a principios de 2021, los sitios web más lentos perderán su ranking a favor de sus competidores más rápidos. La velocidad seguirá ganando importancia para los usuarios y los motores de búsqueda, ofreciendo ascensores de tráfico y conversión.
La escritura está en la pared: Los minoristas en línea no tienen excusas para ofrecer un rendimiento de sitio web deficiente. Ya es hora de tomar acción. Esta es una oportunidad para que los underdogs de eCommerce se pongan al día o venzan 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 su tienda de Salesforce Commerce Cloud puede llevar mucho tiempo y esfuerzo, y los resultados pueden no estar garantizados. ¡Pero te tenemos cubierto! Layer0 te permite saltar a la competencia e ir instantáneo.
