Home Como fazer Como obter o Salesforce Commerce Cloud Site mais rápido lá fora
Applications

Como obter o Salesforce Commerce Cloud Site mais rápido lá fora

About The Author

Outline

A Atualização de Experiência de Página do Google que vem em 2021 deve reescrever o livro de regras de SEO mais uma vez, aumentando a importância da velocidade do site para a visibilidade. Como o algoritmo recentemente ponderado do Google classificará as páginas mais na experiência geral do usuário, as lojas de comércio eletrônico lentas classificarão ainda mais abaixo do que antes.

Essa mudança pode afetar seriamente a posição de SERP de muitos grandes varejistas que executam suas lojas no Salesforce Commerce Cloud, bem como aqueles que usam outras raças de plataformas de comércio eletrônico. Mas a mudança também pode ser vista como uma potencial bênção disfarçada, um produto muito necessário para os operadores irem além das táticas de otimização padrão, incluindo otimização de imagem, carregamento lento, CDN, gerenciadores de tags, etc. ou implementando AMP.

Neste post, veremos as possíveis maneiras de acelerar o Salesforce Commerce Cloud (SFCC) e executar um site rápido e de alto desempenho que está no topo dos resultados de pesquisa do Google. Ou como, em vez de gastar os dólares preciosos tentando cortar um único segundo dos tempos de carregamento, você pode entregar um site de carregamento instantâneo com metade do esforço.

A próxima atualização de ranking do Google não é apenas um capricho de um gigante para agitar o cenário de comércio eletrônico. Ele se alinha perfeitamente com as tendências atuais no comércio eletrônico e, com razão, dá mais crédito a sites altamente eficientes e rápidos. As lojas não estão apenas competindo pelo preço e qualidade de serviço, mas cada vez mais na experiência geral.

Não é segredo que o Salesforce Commerce Cloud, assim como muitas outras plataformas de comércio eletrônico por aí, foi projetado de uma maneira que se concentra principalmente nas principais funcionalidades de negócios: Exibir informações de produtos, juntamente com preços e dar aos operadores um backend funcional para gerenciar seu estoque. A otimização da velocidade do site é deixada para os clientes das plataformas, integradores de sistemas, designers e desenvolvedores.

Certamente não. Os problemas de velocidade permeiam todas as plataformas de comércio eletrônico SaaS populares, incluindo Magento, Shopify Plus, Oracle Commerce Cloud, BigCommerce e SAP Commerce Cloud (hybris). Escrevemos sobre como otimizar essas plataformas para velocidade em outros posts em nosso blog.

Em abril de 2020, realizamos um estudo no qual analisamos as pontuações do Google Lighthouse dos 500 principais varejistas de internet dos EUA (IR500) para ver qual plataforma de comércio eletrônico fornece consistentemente os sites mais rápidos. Infelizmente, a conclusão foi que a maioria dos sites IR500 funcionam surpreendentemente lento, independentemente de sua plataforma de comércio eletrônico. Na verdade, nossos dados descobriram que os sistemas internos superam as principais plataformas de comércio eletrônico em 61%.

A pontuação média do Lighthouse para sites nas principais plataformas de comércio eletrônico: Salesforce Commerce Cloud, Magento, Shopify, SAP Commerce Cloud (hybris) e Oracle Commerce Cloud foi de apenas 18,7 (mediana de 15)

Com uma média de 18,5, o Salesforce Commerce Cloud teve pontuações comparáveis ao Magento. Os escores medianos foram 17 e 13,5 para SFCC e Magento, respetivamente. Em contraste, a pontuação média de desempenho para sites que usam sistemas de comércio eletrônico in-house / homegrown foi 15% maior do que o IR500 e média em 30,1. Talvez essa seja uma das razões pelas quais quase um quinto dos sites IR500 usam uma solução de comércio eletrônico interna.

O Salesforce Commerce Cloud é uma plataforma de comércio eletrônico de software como serviço altamente escalável e baseada em nuvem. O Salesforce adiciona regularmente novos recursos e funcionalidades, alguns dos quais são supostamente para ajudar a eliminar os preciosos segundos do carregamento da sua página. Na verdade, a nova oferta beta da Commerce Cloud API parece promissora, mas é muito cedo para julgar.

Vamos ver suas opções para manter seu Salesforce Commerce Cloud atualizado.

A otimização de imagem é uma tática padrão para muitos sites de comércio eletrônico. Dado como os sites de comércio eletrônico corporativos de hoje são pesados, até mesmo pequenas economias em imagens, quando implementadas em sites grandes, podem cumulativamente adicionar ganhos significativos em todo o site.

Tais táticas de otimização podem envolver:

  • Implementação de uma CDN para atender os ativos de pontos de presença mais próximos (POPs)
  • Compressão sem perdas de imagens no upload
  • Carregamento lento de imagens que aparecem muito abaixo da dobra, especialmente nas páginas de listagem de categorias de produtos mais longas

O Dynamic Imaging Service (DIS) simplifica a exibição de imagens para a loja Salesforce. Elimina a necessidade de o revendedor carregar versões de tamanhos diferentes de cada imagem.

O DIS leva uma única imagem de alta resolução e transforma dinamicamente e serve-as para a vitrine. Os parâmetros de transformação DIS lhe dão controle sobre o tamanho, corte, sobreposição, formato, cor de fundo, e definições de qualidade.

O DIS elimina a necessidade de ter suas imagens de merchandising ou criativas processadas em lote antes do tempo para torná-las fáceis de usar na web. Usando uma única imagem, o DIS serve os tamanhos corretos para cada aplicativo de imagem, incluindo a página do produto, página de categoria, seção de produtos recomendados, resultados de pesquisa e muito mais.

Resposta curta: Não Pelo menos não por conta própria.

Muitos operadores assumem que o DIS pode tornar o site mais rápido, mas a documentação sobre o DIS não menciona diretamente a velocidade como um benefício. Os benefícios do DIS são dependentes da instalação, mas podem não necessariamente levar à melhoria da velocidade, uma vez que as imagens são processadas em tempo real.

O Salesforce Commerce Cloud vem com alguns modelos de estrutura prontos para uso.

  • Arquitetura de referência de Storefront (SFRA)
  • Arquitetura de primeira referência móvel (MFRA)
  • SiteGenesis (arquitetura de referência legada da Salesforce)

Storefront Reference Architecture é o modelo de estrutura mais recente do Salesforce. Ele foi projetado para design inovador e mobile-first e tem como objetivo fornecer aos varejistas uma referência de arquitetura ao construir lojas no SFCC. Ele incorpora integrações pré-criadas com a API do Salesforce Commerce Cloud, objetos de dados e tecnologias de terceiros por meio do Commerce Cloud LINK Technology Partner Program. Ele usa widgets / integrações pré-construídas com objetos de dados, APIs e elementos de terceiros. É uma evolução dos antigos programas Demandware Site Genesis (1,0 e 2,0).

A Arquitetura de Referência do Storefront é direcionada como uma ferramenta para aliviar as necessidades de desenvolvimento de sites para mudanças de frontend (ou seja, o principal caso de negócios), e não é direcionada como uma ferramenta para melhorar as velocidades de carregamento de páginas. Isso ocorre porque as integrações ainda introduzem tecnologias e scripts de terceiros na página, o que inerentemente retarda a página.

Resposta curta: Não realmente. Não foi projetado para isso.

Com uma abordagem de design adaptável, a arquitetura de referência do Salesforce pode ajudar a melhorar as cargas móveis percebidas e os tempos de carga do lado do servidor. O SFRA também contém várias integrações pré-conetadas com o backend SFCC, o que significa que elas devem, em teoria, ter um desempenho melhor do que as integrações personalizadas incorporadas.

Mas SFRA sozinho não vai fazer a sua loja muito mais rápido! Permite um desenvolvimento mais fácil do site e reduz o custo total de propriedade. Em alguns casos, no entanto, pode piorar os tempos de carregamento, dependendo do número de scripts e tecnologias de terceiros introduzidos pelo construtor.

No geral, o SFRA oferece apenas benefícios mínimos de velocidade. Principalmente porque 75% do tempo de carregamento da página vem de vários JavaScript, imagens e HTML de terceiros. E na maioria dos casos, simplesmente não há como contornar isso. Perda de tempo adicional pode ser atribuída ao design, tamanho da imagem e localização das imagens, nenhuma das quais é acelerada de forma alguma pelo SFRA.

Você pode implementar várias táticas ao otimizar sua loja do Salesforce Commerce Cloud para velocidade. Você pode usar um tema leve, otimizar suas imagens, reduzir o número de tags (ou usar um gerenciador de tags) e remover o código JavaScript de bloqueio de renderização, para citar alguns. A única coisa que todas essas técnicas de otimização de velocidade têm em comum é que elas estão focadas em otimizar a entrega de conteúdo que foi explorado e solicitado. Aqui estão alguns exemplos de táticas populares que tentam otimizar as coisas que acontecem após o toque:

  • Carregamento lento
  • Desinstalar aplicativos desnecessários do Salesforce Commerce Cloud
  • Remoção dos elos partidos
  • Removendo as páginas de “peso morto”
  • Melhorando o desempenho móvel com AMP

Mas esta é apenas metade da batalha. Para escapar do ciclo interminável de otimização de velocidade, você precisa ir instantâneo. Tornar seu site instantâneo (ou sub-segundo )requer uma combinação de tecnologias que funcionam antes que o cliente clique em qualquer coisa. Isso significa antecipar os toques dos usuários em vez de reagir a eles.

Quer sua loja seja executada no Salesforce Commerce Cloud ou em qualquer outra plataforma de comércio eletrônico ou sistema de back-end, oferecer a experiência mais rápida lá fora requer a implementação de tecnologias avançadas da Web focadas em velocidade. E para isso, você deve primeiro ir sem cabeça e construir um frontend portátil.

Muitas tecnologias web orientadas para a velocidade exigem separar o backend do frontend, ou seja, tornar o frontend da loja portátil ou assinar uma arquitetura de eCommerce sem cabeça. Isso facilita a implementação de melhorias orientadas para a velocidade na frente e no back-end de forma independente. E isso também significa que você pode entregar o site mais rápido no backend de sua escolha.

Ficar sem cabeça com a sua loja Salesforce Commerce Cloud é necessário para criar um frontend rápido e progressivo da Web App (PWA). Para fazer isso, você precisa de uma cobertura de API sólida que permita conectá-la ao back-end do SFCC. Em seguida, você pode começar a implementar uma gama de tecnologias de ponta que tornarão seu site incrivelmente rápido, incluindo:

  • 1Frontend portátil para transições de navegação rápidas
  • Renderização do lado do servidor (SSR) e suporte a AMP para primeiras cargas ultrarrápidas.
  • Pré-obtenção preditiva
  • Uma CDN de última geração com computação de borda para otimizar as taxas de acerto de cache para conteúdo dinâmico na borda e permanecer 5 segundos à frente do comprador

Vamos investigar o quão adequado é o Salesforce Commerce Cloud para implementar essas tecnologias e oferecer suporte a sites de e-commerce de sub-segundos.

A Open Commerce API (OCAPI) é uma API RESTful usada pelo Salesforce Commerce Cloud, que consiste em três APIs de componentes:

  • API de loja – Fornece acesso à funcionalidade de loja digital do Commerce Cloud
  • API de dados – Fornece acesso à configuração de aplicativos digitais e à funcionalidade de integração por objeto
  • Meta API – Fornece acesso a uma descrição formal dos recursos e documentos disponíveis na API de Comércio Aberto.

Consulte Uso da API para obter informações gerais sobre como usar a API Open Commerce.

É importante notar que o SFCC tem uma nova camada CCAPI em beta, além da API OCAPI.

A oferta beta parece promissora, mas é cedo demais para julgar a extensão em que apoiará storefronts rápidos e sem cabeça.

O Salesforce Commerce Cloud não suporta AMP ou SSR fora da caixa. Além disso, implementações de Pipeline podem ser mais difíceis de suportar em uma arquitetura sem cabeça.

O Salesforce Commerce Cloud não oferece nenhuma ferramenta PWA pronta para uso.

Mas você tem duas opções para criar um aplicativo web progressivo no SFCC

  • Construindo um PWA do zero diretamente no SiteGenesis ou Storefront Reference Architecture (SFRA)
  • Construindo-o em um Front-end como um serviço que se integra com o Commerce Cloud

Os frontends portáteis PWA modernos oferecem velocidades semelhantes a aplicativos. Explorar o site é mais rápido – isso é especialmente evidente nas lojas online. Uma sensação nativa fará com que um PWA no SFCC se sinta mais rápido do que a concorrência.

Há um limite para o benefício de velocidade total com otimização de velocidade padrão. Tais esforços são muitas vezes governados por retornos decrescentes, sugerindo que em algum momento, o lucro ou benefício obtido pela otimização é menor do que a quantidade de dinheiro ou energia investida.

Edgio reverte o conceito de otimização de velocidade e faz todo o trabalho pesado para você antes que os compradores toquem. Usando pré-busca preditiva avançada e uma CDN moderna com cache de borda, você pode transmitir dados JSON armazenados em cache da borda para o navegador com base no que você espera que o cliente faça em seguida, em vez de se esforçar para otimizar os renderizações de página após o toque. Desta forma, Edgio mantém seu site 5 segundos à frente do comprador em todos os momentos.

Layer0 (Edgio) é a única plataforma a garantir cargas de sub-segundos para sites de grande escala baseados em banco de dados, como eCommerce e sites de viagens com milhões de páginas. E você não precisa seguir a nossa palavra: Ajudamos dezenas de lojas complexas – com dezenas de tags, inventário em tempo real e preços dinâmicos – e as ajudamos a ficar abaixo do segundo. Tire um minuto para navegar em dois sites incrivelmente rápidos do SFCC, Shoe Carnival ou Kate Spade, no seu telefone para experimentar as velocidades alcançáveis no Layer0. Nós podemos fazer o mesmo por você.

Nosso objetivo na Layer0 é tornar a Web instantânea e simples. Sites em Layer0 Veja cargas de página medianas de 320ms (FCP) e tráfego orgânico de dois dígitos e elevação de conversão.

Layer0 (agora Edgio) é uma solução tudo-em-um para desenvolver, implantar, visualizar, experimentar, monitorar, e corra o frontend sem cabeça. Ele inclui um CDN-as-JavaScript com reconhecimento de aplicativos com ambientes de visualização de pilha completa, renderização integrada no lado do servidor, pré-busca avançada e controle completo sobre cache e roteamento de tráfego. Edgio garante que você esprema cada milissegundo de cada esforço de otimização. Na verdade, nós garantimos sub-500ms cargas de página medianas para sites grandes e dinâmicos rodando no Layer0.

A loja Salesforce Commerce Cloud da Shoe Carnival passou de transições de navegação de 6 segundos para 500 milissegundos no Layer0 (Edgio)

Layer0 torna a rápida e sem cabeça uma loja SFCC super simples, desde o desenvolvimento e a implantação até rollbacks fáceis. Você pode fazer isso para qualquer frontend moderno sem cabeça: Next, Nuxt, React, Angular SAP/Spartacus, React Storefront, Vue Storefront – nós apoiamos todos eles.

Para recapitular, aqui estão alguns dos benefícios de executar sua loja do Salesforce Commerce Cloud no Layer0:

Velocidade

Ao administrar uma loja mais rápida, você está oferecendo aos seus clientes a melhor experiência possível e aumentando suas chances de aumentar no SERP. KateSpade.com e ShoeCarnival.com são apenas alguns exemplos de sites do Salesforce Commerce Cloud que carregam em velocidades abaixo de segundos no Layer0. Na verdade, o Shoe Carnival caiu de 3,4 segundos na primeira página e transições de navegação de 6 segundos para um site que carrega em menos de 1 segundo. No Layer0, as primeiras cargas são agora 70,5% mais rápidas, com um tempo médio de carga de 1 segundos. As cargas de página subsequentes são cortadas em surpreendentes 92%, até apenas 500 ms.

Simplicidade

Na Layer0, pretendemos tornar a Web instantânea e simples, mesmo que estejamos apoiando a tendência sem cabeça, o que não é uma tarefa simples. Os sites da Layer0 veem um aumento de 20% na velocidade do desenvolvedor e na agilidade empresarial simplesmente de colocar o código no centro de seu fluxo de trabalho com nossa plataforma JavaScript sem servidor. Com Layer0, você escreve regras de roteamento como você escreve seu frontend- é uma plataforma JavaScript em todos os lugares.

Colaboração

Cada vez que você escreve novo código, um ambiente de pré-produção é gerado automaticamente. As pessoas de QA e as partes interessadas de negócios podem testá-lo e fornecer feedback antes que o código seja mesclado.

Com a atualização de experiência de página do Google em andamento no início de 2021, sites mais lentos perderão seu ranking em favor de seus concorrentes mais rápidos. A velocidade continuará a ganhar importância para os usuários e motores de busca, oferecendo tráfego e elevadores de conversão.

A escrita está na parede: Os varejistas online não têm desculpas para oferecer desempenho de site sub-padrão. É hora de agir. Esta é uma oportunidade para os underdogs de comércio eletrônico para acompanhar ou vencer seus concorrentes maiores. E a maneira mais fácil de fazer isso é tornar seu site sub-segundo.

Otimizar sua loja do Salesforce Commerce Cloud pode levar muito tempo e esforço, e os resultados podem não ser garantidos. Mas nós temos você coberto! Layer0 permite que você salte a competição e vá instantaneamente.