Análise do tempo de carregamento B2E

O material a seguir tem como objetivo trazer algumas possíveis melhorias de performance do projeto B2E, junto com os pontos de melhorias temos também um comparativo entre produtos do site institucional vs marketplace. A ideia do comparativo é entender as diferenças entre ambas as plataformas e o por que.

Nossa nota no Google PageSpeed comparada com outros projetos está abaixo/pior que os projetos VTEX que mencionarei abaixo.

Alguns exemplos abaixo, para contextualizar:

Projeto Vtex: Mambo Supermercados

Open

Projeto Vtex: Hering

Open

Projeto Vtex: C&A

PDP (página de produto) B2E: Dexco

Acima alguns projetos VTEX e suas respectivas notas, vale deixar claro que a nota é mostrada através de um conjunto de pontos que a ferramenta (Google PageSpeed) contabiliza para retornar com a nota, mas como podem ver a nossa nota geral está abaixo se comparada com outros projetos VTEX.

Abaixo todas as otimizações necessárias para deixar o projeto perfeito em níveis de performance:
Obs.: Performance Mobile é o nosso dispositivo levando em consideração para a análise.

Dentre todos os pontos de melhorias listados acima, nem todos temos possibilidades de otimizar, ainda mais quando se trata de VTEX, por que muitos arquivos ou melhorias ali são da própria plataforma, ou seja, afetaria ou otimizaria todos os sites padrão que a VTEX utiliza, o que não é rentável pra eles.

Das otimizações apontadas acima, apenas as seguintes otimizações são possíveis serem feitas:

• Pré-carregar imagens de maior exibição de conteúdo;

• Defina um tamanho adequado para as imagens;

• Disponibilize imagens em formato de última geração;

Claro, a otimização desses pontos listados acima, isso já teria um ganho importante de performance.

Sobre o seguinte ponto:

• Disponibilize imagens em formato de última geração;

A VTEX se eu não me engano tem um módulo que habilita essa função dentro dos projetos internos deles, portanto vale o contato com eles para entender a possibilidade.

Obrigado pessoal!