11 maneiras de otimizar seu site de comércio eletrônico para aumentar a velocidade

Como uma empresa de comércio eletrônico, otimizar o desempenho do seu site deve ser uma de suas principais prioridades.

Isso ocorre porque suas conversões são afetadas diretamente pela velocidade de carregamento de suas páginas. Os consumidores de hoje esperam sites incrivelmente rápidos. Se sua loja online estiver lenta por qualquer motivo, você corre o risco de perder clientes e, em última análise, perder receita.

Na verdade, você perderá 20% de seus visitantes se houver um atraso de 3 segundos no tempo de carregamento da página, diz um estudo de 2016 do Aberdeen Group.

Quão rápido é rápido? Em média, os sites globais de varejo operando em 2017 entre a Black Friday e 3 de janeiro estavam visualmente completos e prontos para uso em 2,5 segundos, de acordo com a empresa de gestão de desempenho digital Dynatrace.

Aqui estão algumas maneiras importantes de garantir que seu site seja otimizado para velocidade:

1. Número limite de pesquisas de DNS

Cada vez que seu site de comércio eletrônico carrega, o navegador precisa encontrar o endereço IP que corresponde ao seu nome de domínio. Isso é chamado de pesquisa DNS (sistema de nome de domínio).

O navegador precisa pesquisar seu domínio principal, bem como quaisquer domínios em sua página que venham de uma fonte externa, como um feed do Twitter ou um vídeo do YouTube incorporado. Portanto, reduzir o número de consultas a fontes externas em seu site minimizará as diferentes pesquisas de DNS que o cliente precisa fazer, o que pode atrasar o carregamento inicial da página. Em vez de hiperlinks para imagens, por exemplo, você pode hospedá-los em seu servidor.

Você também pode procurar um provedor DNS mais rápido, alterar os valores TTL (tempo de vida) para aproveitar as vantagens do cache DNS ou mover o máximo de recursos possível para uma rede de distribuição de conteúdo (mais sobre isso mais tarde).

2. Investir em pesquisas de hospedagem na web melhores

Uma hospedagem confiável e rápida na web é um fator crítico na velocidade do seu site. E nem todos os hosts da web são criados iguais. Você desejará encontrar um serviço que possa lidar com grandes picos de tráfego e transações da web (como durante o lançamento de um grande produto ou o período da Black Friday-to-CyberMonday).

Não há destino pior para um site de comércio eletrônico do que ser inacessível aos visitantes. Um bom serviço de hospedagem garante um uptime de 99,5% ou mais. Um host premium promete tempo de atividade de até 99,99%.

Sem dúvida, você deseja a certificação SSL e um endereço IP dedicado.

3. Comprima suas fotos

As imagens representam 50-75% do peso total do seu site, mas, surpreendentemente, cerca de 45% dos 100 principais sites de comércio eletrônico não se preocupam em compactar suas imagens. Eles deveriam e você deveria. Você pode optar por compactação sem perdas que reduz o tamanho do arquivo sem qualidade de corte.

Você deve sempre definir as dimensões da imagem em seu código para que o navegador não precise esperar que sua imagem seja totalmente renderizada antes de passar para outros elementos na página. Ele simplesmente deixará uma caixa com as dimensões predefinidas e continuará trabalhando no carregamento do site.

Compacte suas imagens no Photoshop ou use um compressor de imagem, como TinyPNG ou Kraken.io.

4. Priorizar o carregamento acima da dobra

Uma vez que o topo do seu site será a primeira coisa que os visitantes verão, faz sentido que qualquer coisa “acima da dobra” carregue mais rápido do que o resto do site. Outro termo para esse processo é carregamento lento. É particularmente útil para acelerar sites de uma única página com muitas imagens, que se tornaram uma escolha de design popular para muitas marcas.

Para obter instruções sobre como habilitar o carregamento lento, clique aqui.

5. Armazene sua página em cache

Em vez de forçar um usuário a baixar todos os componentes de cada página em cada visita, o armazenamento em cache permite que elementos globais sejam armazenados em cache pelo navegador, de forma que apenas novos elementos exijam uma solicitação do navegador.

O armazenamento em cache acelera o tempo de carregamento porque os elementos da página, como índices de pesquisa do site, informações do catálogo, informações do usuário, blocos da barra lateral, instruções de layout e arquivos de tradução, são armazenados pelo navegador. Esses elementos geralmente permanecem os mesmos em todas as páginas, portanto, não há necessidade do navegador solicitar esses recursos sempre que o visitante clica em uma nova página.

Para habilitar o cache do navegador, você precisa editar seus cabeçalhos HTTP para definir tempos de expiração mais longos para certos tipos de arquivos. Aqui estão algumas recomendações dos desenvolvedores do Google.

6. Reduza as solicitações de HTTP

Cerca de 80% do tempo de resposta do site é dedicado ao download de elementos para o front end, como imagens, folhas de estilo, scripts, elementos Flash, etc. A redução do número de elementos reduz o número de solicitações HTTP necessárias para renderizar totalmente a página .

A maneira mais fácil de fazer isso é simplificar o design do seu site. Mas essa não é uma opção viável em muitos casos. Você pode usar sprites CSS e mapas de imagem para combinar várias imagens em uma única imagem e, portanto, reduzir o número de solicitações de imagem. Você também pode combinar todas as folhas de estilo em um único arquivo e combinar todos os CSS em uma única folha de estilo.

7. Use a compactação Gzip

Quando um visitante acessa seu site, uma solicitação é feita ao seu servidor para entregar os arquivos. Faz sentido que quanto maiores os arquivos, mais tempo demorará para chegar ao seu navegador.

A compressão Gzip permite que seu servidor comprima os arquivos do site antes de devolvê-los ao navegador, reduzindo drasticamente o tempo de transferência. Na verdade, o gzip pode reduzir o tamanho das páginas e folhas de estilo em 90%!

A compactação é habilitada por meio da configuração do servidor web. Cada servidor web terá instruções diferentes. Siga este tutorial do Google para obter mais detalhes.

8. Aproveite uma rede de distribuição de conteúdo

Se você é uma empresa global de comércio eletrônico com visitantes de todo o mundo, definitivamente deveria usar uma rede de distribuição de conteúdo para otimizar o desempenho do seu site. Um CDN funciona espalhando nós de servidor ao redor do globo para que os visitantes do seu site possam baixar recursos em cache no nó mais próximo a eles, melhorando a eficiência e reduzindo a latência de carregamento.

Os provedores de CDN possuem canais de rede maiores, mais servidores localizados ao redor do mundo e recursos de peering de rede do que você provavelmente terá. Além disso, eles têm equipes dedicadas que monitoram e otimizam constantemente sua infraestrutura.

Selecionar o CDN certo pode ser complicado. Comece com este guia.

9. Minimize o seu código

Minificação é o processo de remoção de todos os caracteres desnecessários, como espaço em branco e linhas, do código-fonte sem afetar sua funcionalidade, permitindo que os navegadores carreguem as páginas com mais rapidez. O processo envolve arquivos HTML, CSS e JavaScript e pode fazer uma grande diferença para acelerar o tempo de carregamento. A minimização reduz o tamanho dos arquivos e também o número de arquivos necessários.

Siga estes recursos para limpar seu código e tornar mais fácil para os navegadores processar sua página.

10. Use o carregamento assíncrono

Quando um navegador carrega uma página, ela se move de cima para baixo. Você pode acelerar as coisas permitindo que seus scripts como CSS e Javascript carreguem simultaneamente. Isso é chamado de carregamento assíncrono. Se seus scripts forem carregados de forma síncrona, eles serão carregados na ordem em que aparecem na página, o que pode ser um processo mais lento.

Siga este guia para uma compreensão básica de como habilitar o carregamento assíncrono.

11. Monitore continuamente a velocidade do seu site

Por último, terminaremos onde começamos: você precisa fazer do desempenho do site uma prioridade todos os dias. Isso significa que você precisa estar constantemente monitorando seu site em busca de problemas e procurando maneiras de otimizar para velocidade e eficiência.

O PageSpeed ​​Insights do Google oferece uma boa ferramenta para analisar a velocidade do seu site em dispositivos móveis e desktops.

Outra excelente ferramenta para examinar a velocidade do site está disponível no Pingdom.

Lembre-se dessa regra: a cada segundo a mais que seu site leva para carregar, você perderá 10% dos visitantes. Ai.