A Atualização de Experiência de Página do Google, que chega 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 irá classificar as páginas mais na experiência geral do utilizador, as lojas de comércio eletrónico lentas irão ficar ainda mais baixas do que antes.
Esta mudança pode ter um sério impactos na posição de SERP de muitos grandes retalhistas que administram as suas lojas no Salesforce Commerce Cloud, assim como aqueles que utilizam 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 padrão de otimização, incluindo otimização de imagem, carregamento lento, CDN, gestores de tags ou implementação de AMP.
Neste post, veremos as possíveis maneiras de acelerar o Salesforce Commerce Cloud (SFCC) e executar um site rápido e altamente eficiente que está no topo dos resultados de pesquisa do Google. Ou como, em vez de gastar os preciosos dólares a tentar eliminar um segundo dos tempos de carregamento, pode entregar um site de carregamento instantâneo com metade do esforço.
A próxima atualização de classificação do Google não é apenas um capricho gigante em abalar o panorama do 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 rápidos e de alto desempenho. As lojas não estão apenas a competir pelo preço e qualidade do serviço, mas cada vez mais na experiência geral.
Não é segredo que o Salesforce Commerce Cloud, tal como muitas outras plataformas de comércio eletrónico por aí, foi concebido de uma forma que se concentra principalmente nas principais funcionalidades do negócio: Exibir informações do produto juntamente com preços e dar aos operadores um back-end funcional para gerir o seu stock. A otimização da velocidade do website é deixada aos clientes das plataformas, integradores de sistemas, designers e desenvolvedores.
Certamente não. Os problemas de velocidade permeiam todas as populares plataformas de comércio eletrónico de SaaS, incluindo o Magento, o Shopify Plus, o Oracle Commerce Cloud, o BigCommerce e o SAP Commerce Cloud (hybris). Escrevemos sobre como otimizar essas plataformas para velocidade em outros posts no nosso blog.
Em abril de 2020, realizámos um estudo no qual analisámos as pontuações do Google Lighthouse dos 500 principais retalhistas de Internet dos EUA (IR500) para ver qual a plataforma de comércio eletrónico que fornece consistentemente os sites mais rápidos. Infelizmente, a conclusão foi que a maioria dos sites IR500 funcionam surpreendentemente devagar, independentemente da sua plataforma de comércio eletrónico. De facto, os nossos dados descobriram que os sistemas internos superam em 61% as principais plataformas de comércio eletrónico.
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 do Magento. As pontuações médias foram de 17 e 13,5 para o SFCC e para o Magento, respetivamente. Em contraste, a pontuação média de desempenho para sites que utilizam sistemas de comércio eletrónico internos/domésticos foi 15% superior à IR500 e média de 30,1. Talvez esta 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 na 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 página. Na verdade, a nova oferta beta da API do Commerce Cloud parece promissora, mas é muito cedo para julgar.
Vamos ver as opções para acelerar o seu Salesforce Commerce Cloud.
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 empresariais atuais são pesados em termos de imagem, mesmo pequenas poupanças em imagens, quando implementadas em grandes websites, podem cumulativamente adicionar ganhos significativos em todo o site.
Tais táticas de otimização podem envolver:
- Implementação de uma CDN para servir os ativos de pontos de presença mais próximos (POPs)
- Compressão sem perdas de imagens no upload
- Carregar imagens preguiçosas 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 transmissão de imagens para a loja da Salesforce. Elimina a necessidade de o retalhista carregar versões de tamanhos diferentes de cada imagem.
O DIS pega numa única imagem de alta resolução e transforma-a dinamicamente e serve-a para a loja. Os parâmetros de transformação do DIS dão-lhe controlo sobre o tamanho, a colheita, a sobreposição, o formato, a cor de fundo e as definições de qualidade de uma imagem.
O DISS elimina a necessidade de ter o seu merchandising ou imagens criativas processadas em lote antes do tempo para torná-las amigáveis à web. Usando uma única imagem, o DIS serve os tamanhos corretos para cada aplicação de imagem, incluindo a página do produto, a página da categoria, a seção de produtos recomendados, os resultados da pesquisa e muito mais.
Resposta curta: Não Pelo menos não por si só.
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 levar necessariamente a melhorias de velocidade à medida que as imagens são processadas em tempo real.
O Salesforce Commerce Cloud vem com alguns modelos de estrutura prontos para uso.
- Arquitectura de referência da loja (SFRA)
- Arquitectura de primeira referência móvel (MFRA)
- SiteGenesis (a arquitetura de referência herdada da Salesforce)
Storefront Reference Architecture é o modelo de framework mais recente do Salesforce. Foi concebido para um design inovador e móvel e tem como objetivo fornecer aos retalhistas 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 através do Programa de Parceiros de Tecnologia de LINK DA Nuvem do Commerce. 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 a velocidade de carregamento de páginas. Isso acontece 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. Não foi concebido 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é-ligadas com o back-end do SFCC, o que significa que elas devem, em teoria, ter um desempenho melhor do que as integrações personalizadas integradas.
Mas a SFRA sozinha não vai tornar a sua loja muito mais rápida! Permite um desenvolvimento mais fácil do local 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á forma de contornar isso. A perda de tempo adicional pode ser atribuída ao design, ao 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 a 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 gerente 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 estão focadas em otimizar a entrega de conteúdo que foi aproveitado e solicitado. Aqui estão alguns exemplos de táticas populares que tentam otimizar coisas que acontecem após o toque:
- Carregamento lento
- Desinstalar aplicações desnecessárias do Salesforce Commerce Cloud
- Removendo ligações quebradas
- Removendo as páginas de peso morto
- Melhorando o desempenho móvel com AMP
Mas esta é apenas metade da batalha. Para escapar ao ciclo interminável de otimização de velocidade, você precisa ir instantaneamente. Tornar o seu website instantâneo (ou sub-segundos) requer uma combinação de tecnologias que funcionam antes de o cliente clicar em qualquer coisa. Isto significa antecipar os toques dos utilizadores em vez de reagir a eles.
Quer a sua loja seja executada no Salesforce Commerce Cloud ou em qualquer outra plataforma de comércio eletrónico ou sistema de back-end, fornecer a experiência mais rápida requer a implementação de tecnologias avançadas de web focadas na velocidade. E para isso, primeiro você deve ir sem cabeça e construir um frontend portátil.
Muitas tecnologias web orientadas para a velocidade exigem separar o back-end do frontend, ou seja, tornar o frontend da loja portátil ou assinar uma arquitetura de eCommerce sem cabeça. Ao fazê-lo, é mais fácil implementar 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 back-end de sua escolha.
Ficar sem cabeça com a sua loja do Salesforce Commerce Cloud é necessário para criar um frontend rápido e progressivo da aplicação Web (PWA). Para fazer isso, você precisa de uma cobertura de API sólida que permita conectá-la ao back-end do SFCC. Então, você pode começar a implementar uma gama de tecnologias de ponta que tornarão o seu site incrivelmente rápido, incluindo:
- 1Frontend portátil para rápidas transições de navegação
- Renderização do lado do servidor (SSR) e suporte para AMP para primeiras cargas extremamente rápidas.
- Pré-busca preventiva
- Uma CDN de última geração com computação de ponta 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 segunda geração.
A Open Commerce API (OCAPI) é uma API RESTful usada pelo Salesforce Commerce Cloud, que consiste em três componentes de APIs:
- 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 em uma base por objeto
- Meta API – fornece acesso a uma descrição formal dos recursos e documentos disponíveis na API do Open Commerce.
Consulte Uso da API para obter informações gerais sobre como usar a API do 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 é demasiado cedo para avaliar em que medida apoiará rapidamente as lojas sem cabeça.
O Salesforce Commerce Cloud não suporta AMP ou SSR fora da caixa. Além disso, as implementações de Pipeline podem ser mais difíceis de suportar numa 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 Sitesenesis ou na Storefront Reference Architecture (SFRA)
- Construindo-o em um front-end como um serviço que se integra com o Commerce Cloud
As modernas interfaces portáteis PWA oferecem velocidades semelhantes a aplicações. Explorar o site é mais rápido, isto é 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 a otimização de velocidade padrão. Esses esforços são muitas vezes governados por rendimentos 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 avançada e uma CDN moderna com armazenamento em cache de borda, você pode transmitir dados JSON armazenados em cache da borda para o navegador com base no que espera que o cliente faça a seguir em vez de se esforçar para otimizar os renderizações de página após o toque. Desta forma, Edgio mantém o 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 bases de dados, como eCommerce e sites de viagens com milhões de páginas. E você não precisa tomar a nossa palavra por isso: Nós 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 por dois sites incrivelmente rápidos da SFCC, Shoe Carnival ou Kate Spade, no seu telemóvel para experimentar as velocidades atingíveis na Layer0. Nós podemos fazer o mesmo por você.
O nosso objetivo na Layer0 é tornar a Web instantânea e simples. Os websites no Layer0 veem cargas de página medianas de 320 ms (FCP), 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 executar o frontend sem cabeça. Inclui um CDN-as-JavaScript com reconhecimento de aplicações com ambientes de visualização de pilha completa, renderização integrada no lado do servidor, pré-busca avançada e controle total sobre o armazenamento em cache e roteamento de tráfego. Edgio garante que você esprema cada milissegundo de cada esforço de otimização. Na verdade, garantimos um número médio de páginas de 500 ms para sites grandes e dinâmicos que funcionam 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)
O Layer0 faz com que ter uma loja rápida e sem cabeça do SFCC seja super simples, desde o desenvolvimento e a implementação até aos retornos 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 damos suporte a todos eles.
Para recapitular, aqui estão alguns dos benefícios de executar a sua loja do Salesforce Commerce Cloud no Layer0:
Velocidade
Ao gerir uma loja mais rápida, está a oferecer aos seus clientes a melhor experiência possível e a aumentar as suas hipóteses de aumentar o SEP. KateSpade.com e ShoeCarnival.com são apenas alguns exemplos de sites do Salesforce Commerce Cloud que carregam em velocidades inferiores a segundos no Layer0. Na verdade, o Shoe Carnival caiu de 3,4 segundos no carregamento da primeira página e 6 segundos de transições de navegação 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. Os carregamentos de páginas subsequentes são reduzidos em espantosos 92%, para apenas 500 ms.
Simplicidade
Na Layer0, pretendemos tornar a Web instantânea e simples, apesar de apoiarmos a tendência sem cabeça, o que não é uma tarefa simples. Os sites na Layer0 veem um aumento de 20% na velocidade do desenvolvedor e na agilidade empresarial simplesmente por colocar o código no centro do seu fluxo de trabalho com a nossa plataforma JavaScript sem servidor. Com Layer0, você escreve regras de roteamento como escrever o frontend- é uma plataforma JavaScript em todo o lado.
Colaboração
Sempre que se escreve um novo código, é gerado automaticamente um ambiente de pré-produção. As pessoas de GQ e as partes interessadas de negócios podem testá-lo e fornecer feedback antes mesmo de o código ser incorporado.
Com a Atualização de Experiência de Página do Google a ser atualizada no início de 2021, sites mais lentos vão perder a sua classificação em favor dos seus concorrentes mais rápidos. A velocidade continuará a ganhar importância para os utilizadores e motores de busca, oferecendo tráfego e elevadores de conversão.
A escrita está na parede: Os retalhistas online não têm desculpas para oferecer um desempenho sub-padrão no website. É hora de agir. Esta é uma oportunidade para os que são os donos de comércio eletrónico poderem acompanhar ou vencer os seus concorrentes maiores. E a maneira mais fácil de fazer isso é tornar o seu site sub-segundo.
Otimizar a 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 tudo coberto! Layer0 permite-te saltar a competição e ir instantaneamente.
