Você quer relançar seu site de eCommerce, ou lançar um totalmente novo? Esse é um desafio empolgante, pois o eCommerce abre grandes oportunidades de crescimento para empresas de varejo. Uma presença on-line pode ser a chave para o sucesso ou uma escolha necessária para sobreviver à concorrência internacional.

O eCommerce pode permitir que você comercialize excelentes produtos locais em todo o mundo sem a intermediação da distribuição, aproveite avançadas estratégias de marketing, como publicidade direcionada e campanhas em redes sociais, e tire proveito das ferramentas de IA para melhorar a eficiência operacional, a experiência do cliente e as estratégias de marketing.

Contudo, lançar um site de eCommerce exige planejamento estratégico e organizacional cuidadoso, e uma análise completa de custos e benefícios, pontos fortes e fracos, ameaças e oportunidades.

E isso não é tudo. Para ter sucesso com o seu eCommerce, você precisa de um site moderno, rápido e seguro para dar suporte aos seus negócios. Um site de eCommerce bem-sucedido deve proporcionar uma experiência de compra tranquila, estar em conformidade com as normas internacionais de privacidade, como o GDPR, garantir transações seguras e acompanhar seus clientes pelo funil de vendas até o momento da compra.

Ele deve ser otimizado para SEO, escalável quando necessário, flexível e facilmente gerenciável para que você possa se concentrar em seus negócios sem perder tempo e recursos com problemas técnicos.

Não é uma tarefa fácil, mas um site de eCommerce pode lhe oferecer grandes oportunidades de expandir seus negócios.

Em resumo, três áreas que você deve considerar ao planejar um site de eCommerce são desempenho, segurança e funcionalidade.

Por isso, reunimos nossas melhores recomendações sobre otimização de eCommerce em três artigos, cada um com foco em uma dessas três áreas.

Este primeiro artigo se concentrará no desempenho, compartilhando uma lista de verificação de 10 práticas recomendadas para otimizar a velocidade e o desempenho do seu site de eCommerce.

Nos dois artigos seguintes vamos nos concentrar na segurança do site e na funcionalidade do serviço de hospedagem, abordando os benefícios que uma hospedagem otimizada para eCommerce pode garantir.

Você está pronto para descobrir do que precisa para lançar um site de eCommerce bem-sucedido e partir para conquistar mercados internacionais? Continue lendo!

Por onde começar para lançar um site de eCommerce moderno

Um site de eCommerce moderno requer vários recursos técnicos e funcionais para aprimorar a interação do usuário com o site, garantindo uma experiência de navegação e de compra rica e agradável.

Do ponto de vista técnico, um site de eCommerce deve ser otimizado para desempenho e segurança. Deve ser fácil para sua equipe gerenciar, e facilmente escalável.

A criação de um site com essas características requer uma infraestrutura de última geração, uma rede de distribuição de conteúdo de classe empresarial, recursos avançados para desenvolvedores, um sistema de backup eficiente e fácil de usar, e um serviço de suporte rápido e qualificado.

Portanto, a primeira etapa antes de lançar um site de eCommerce é descobrir onde obter os serviços e as ferramentas de que você precisa. Essa decisão diz respeito à escolha do provedor de infraestrutura de hospedagem. As opções são quase infinitas. Você pode decidir gerenciar seus servidores contratando um administrador de sistemas ou optar por uma solução totalmente gerenciada, como Wix ou Shopify.

A primeira opção, gerenciar o servidor internamente, oferece o máximo de flexibilidade e personalização. No entanto, exige recursos consideráveis e engenheiros de administração de sistemas qualificados. As grandes empresas geralmente adotam essa solução.

A segunda opção, plataformas totalmente gerenciadas, tem a vantagem da grande facilidade de uso, mas não garante a flexibilidade técnica e operacional que sua empresa talvez exija. Além disso, à medida que a empresa cresce, podem surgir custos imprevistos.

Em algum ponto entre esses dois extremos, há soluções baseadas em uma plataforma de código aberto combinada com um serviço de hospedagem que fornece os recursos necessários para o eCommerce.

Você pode se aprofundar nas diferenças entre algumas das opções disponíveis em nossos artigos comparativos:

Página do plugin WooCommerce no WordPress.org
Página do plugin WooCommerce em WordPress.org.

Na Kinsta, oferecemos hospedagem premium para sites de eCommerce. Nossa infraestrutura é otimizada para desempenho, segurança e facilidade de uso para sites WordPress, juntamente com os plugins de eCommerce mais populares, WooCommerce e Easy Digital Downloads. Nossa tecnologia de contêineres isolados foi desenvolvida com base no Google Cloud Platform e aproveita o poder da rede do Cloudflare para garantir o máximo de desempenho e segurança.

Essa é a solução técnica que recomendamos a todos que fazem a pergunta: qual é a melhor infraestrutura de hospedagem para um site de eCommerce moderno?

Vamos começar com o desempenho de eCommerce!

10 práticas recomendadas para otimizar o desempenho do seu site de eCommerce

De acordo com pesquisas recentes sobre taxas de conversão de eCommerce, o principal fator de sucesso de um site de eCommerce está na velocidade de carregamento da página. Um site de eCommerce que carrega em 1 segundo tem uma taxa de conversão 2,5 vezes maior do que um site que carrega em 5 segundos.

Além disso, as páginas que carregam em 1 segundo têm uma taxa de conversão média de cerca de 40%. Se o tempo de carregamento aumentar para 2 segundos, a taxa de conversão cairá para 34%. Em 3 segundos, a taxa de conversão é de 29%, e atinge o mínimo em 6 segundos.

A análise sugere que você otimize seu eCommerce para uma velocidade de carregamento entre um e dois segundos.

Como é possível alcançar esse nível de desempenho? A otimização do desempenho é um processo de aprimoramento contínuo que afeta várias áreas de um site. Seu valor estratégico é particularmente claro para o eCommerce, que geralmente consome grandes quantidades de recursos.

Para ajudar os proprietários de eCommerce a otimizar o desempenho de seus sites, criamos uma lista de verificação essencial das otimizações necessárias para melhorar o desempenho e a velocidade da página.

Em resumo, quais são os principais fatores a considerar ao otimizar o desempenho do seu site de eCommerce? Vamos nos aprofundar mais nisso!

1. Escolha uma infraestrutura de hospedagem e uma pilha técnica de ponta

Ao escolher um serviço de hospedagem para o seu site de eCommerce, é essencial estar ciente da pilha de tecnologia que ele oferece.

A primeira decisão é sobre o tipo de serviço de hospedagem. Há vários tipos de hospedagem web, que diferem consideravelmente em termos de infraestrutura e serviços:

  • Hospedagem compartilhada
  • Hospedagem dedicada
  • Hospedagem VPS
  • Hospedagem na nuvem
  • Hospedagem gerenciada de WordPress

Como é imperativo garantir o máximo desempenho para o seu eCommerce, a infraestrutura deve ser de alta velocidade. Isso excluiria a hospedagem compartilhada, que, embora possa ser barata (ou até mesmo gratuita), não garante os padrões mínimos de desempenho e segurança dos quais um site de eCommerce não pode prescindir para ter sucesso no mercado.

Um serviço de hospedagem dedicado baseado em VPS pode ser altamente personalizado e otimizado para desempenho. Ainda assim, exige habilidades de administrador de sistema, o que pode ser muito caro para uma empresa de pequeno ou médio porte. Um serviço de hospedagem na nuvem pode oferecer desempenho e segurança para um site de eCommerce moderno e pode não exigir habilidades técnicas avançadas.

É fácil encontrar provedores de serviços de hospedagem gerenciados para WordPress e WooCommerce se você trabalha com WordPress. Isso significa que você não será responsável pela configuração e otimização do servidor, e terá um serviço de suporte de especialistas e instalação e manutenção simplificadas do site.

Também é necessário fornecer ao seu site uma pilha técnica de última geração. A maioria dos provedores web fornece uma pilha baseada no servidor web Apache e no MySQL. No entanto, talvez você queira considerar uma pilha de tecnologia mais moderna e de alto desempenho, como Nginx e MariaDB.

Infraestrutura de hospedagem e pilha técnica da Kinsta

Na Kinsta, acreditamos que criamos a melhor e mais rápida solução de hospedagem gerenciada de WordPress disponível atualmente, com base no Google Cloud Platform.

Regiões do Google Cloud
Regiões do Google Cloud (Fonte: Google).

Fornecemos Máquinas Virtuais C3D e C2 otimizadas para computação em todos os planos, do Single 35k ao WP 60, e além, nas regiões em que estão disponíveis. Também aproveitamos a rede de nível premium de baixa latência do Google, que está disponível a todos os nossos clientes sem custo adicional.

Rede do Google Cloud
Rede do Google Cloud (Fonte: Google).

Além disso, criamos uma pilha técnica rápida e sólida baseada em Nginx, MariaDB, PHP 8.4, contêiner LXD e nossa integração com o Cloudflare Enterprise. Essa pilha está disponível para todos os nossos clientes, independentemente de seus planos.

Confira este artigo para saber por que a Kinsta é o provedor mais rápido de hospedagem gerenciada WordPress.

2. Use versões suportadas do PHP

De acordo com a W3Techs, em agosto de 2024,

O PHP é usado por 76,1% de todos os sites cuja linguagem de programação do lado do servidor é conhecida.

A versão 7 é usada por 52,6% de todos os sites que usam PHP, a versão 8 por 33,0%, e a versão 5 por 14,2%.

Se você administra um site de eCommerce, precisa saber qual versão do PHP seu site usa e por que deve preferir uma versão suportada.

Em resumo, o PHP tem um ciclo de vida de lançamento, e cada versão principal é normalmente suportada por dois anos. As versões suportadas são as únicas que recebem atualizações de desempenho e segurança, portanto, o uso de uma versão não suportada do PHP implica redução do desempenho e aumento das vulnerabilidades de segurança em comparação com as versões suportadas.

A partir de agosto de 2024, as versões oficialmente suportadas do PHP são PHP 8.1, 8.2 e 8.3.

Versões suportadas do PHP
Versões suportadas do PHP (Fonte: PHP.net)

Executamos nossos próprios testes de velocidade com PHP 8.1, 8.2 e 8.3 e vários CMSs e frameworks, e descobrimos que o PHP 8.3 provou ser a versão mais rápida do PHP, fornecendo um aumento de desempenho de até 52,20% para os CMSs e frameworks testados.

Versões do PHP na Kinsta

Na Kinsta, fornecemos apenas versões suportadas do PHP. Atualmente oferecemos suporte ao PHP 7.4, 8.0, 8.1, 8.2, 8.3, 8.4.

Você pode mudar de forma rápida e fácil a versão PHP do seu site WordPress no MyKinsta. Navegue até a seção de configuração do seu site WordPress e selecione Ferramentas no menu à esquerda. Aqui você encontrará várias ferramentas disponíveis para nossos clientes. Role a página para baixo e encontre o Mecanismo PHP. Clique no botão Modificar e selecione a versão do PHP que você precisa para o seu site.

Modificando o mecanismo PHP no MyKinsta
Modifique o mecanismo PHP no MyKinsta.

3. Aproveite o cache para melhorar o desempenho

O cache é uma parte da memória usada para armazenar cópias de recursos que podem ser servidos em solicitações futuras sem necessidade de baixar a página inteira novamente. Há vários tipos de caches, cada um com uma finalidade específica, mas os tipos de caches que nos interessam aqui são o cache do navegador e o cache do WordPress.

Cada resposta do servidor deve fornecer os cabeçalhos HTTP corretos para que o navegador saiba por quanto tempo armazenar em cache uma cópia do recurso solicitado. Isso é feito definindo os cabeçalhos ETag e Expires na solicitação HTTP.

O WordPress tem seu próprio sistema de cache. O objeto WP_Object_Cache permite reduzir o número de solicitações ao banco de dados: “O cache de objeto armazena todos os dados do cache na memória e disponibiliza o conteúdo do cache usando uma chave, usada para nomear e posteriormente recuperar o conteúdo do cache.”

Os usuários de WordPress podem instalar um plugin de cache para WordPress de terceiros. Ferramentas como W3 Total Cache e WP Super Cache permitem que você gerencie o cache do WordPress de forma granular. Elas podem ser muito úteis se você optar por uma solução de hospedagem compartilhada ou quando o provedor de hospedagem de sites não oferecer soluções mais eficientes de gerenciamento de cache.

Essas ferramentas são complicadas de configurar e podem exigir um conhecimento que nem todos os proprietários de sites têm. Em resumo, você precisa de uma maneira fácil de gerenciar o cache.

Plugins de cache na biblioteca de plugins do WordPress.
Plugins de cache na biblioteca de plugins do WordPress.

Em relação ao eCommerce, você também pode querer excluir páginas específicas, como minha conta e checkout, do cache. Isso é fundamental para garantir uma experiência de compra perfeita para os clientes do seu site. Mas como você pode fazer isso?

Gerenciamento de cache na Kinsta

O gerenciamento de cache pode ser assustador, especialmente se você não tiver habilidades técnicas. Na Kinsta, no entanto, gerenciar o cache é fácil, e todas as configurações estão convenientemente reunidas em uma única seção do seu painel MyKinsta.

A principal diferença entre o cache da Kinsta e os plugins de WordPress de terceiros é que o cache da Kinsta funciona no nível do servidor.

No MyKinsta, navegue até Sites WordPress e selecione seu site. Na página de configurações do site, clique no item de menu Cache à esquerda e selecione a aba Cache do servidor. Aqui, você pode limpar o cache e alterar a expiração do cache.

Alterar a expiração do cache no MyKinsta
Altere a expiração do cache no MyKinsta.

Os plugins de cache não são permitidos na Kinsta, o que parece uma contradição com o que afirmamos na seção anterior. Ainda assim, isso ocorre porque a Kinsta cuida do cache no servidor para você, oferecendo assim melhor desempenho e gerenciamento mais fácil.

Especificamente para os sites WooCommerce e EDD, a Kinsta ignora automaticamente o cache quando os cookies woocommerce_items_in_cart ou edd_items_in_cart são detectados. Isso permite que você ofereça uma experiência de compra tranquila para todos os seus clientes.

Os usuários da Kinsta também podem gerenciar o cache diretamente do painel WordPress graças ao plugin Kinsta MU, que é instalado automaticamente em todos os novos sites WordPress hospedados pela Kinsta.

Configurações do plugin Kinsta MU WordPress
Configurações do plugin Kinsta MU para WordPress.

Na tela de cache da Kinsta, você pode executar as seguintes ações:

  • Limpar todos os caches
  • Limpar o cache do site
  • Limpar cache de objeto
  • Limpar cache de CDN
  • Adicionar URLs personalizadas para limpeza
  • Ativar/desativar a limpeza automática

O plugin de cache da Kinsta também fornece um botão na barra de administração que permite que você limpe:

  • Todo o cache
  • Cache do servidor (também conhecido como cache de página inteira)
  • Cache de objeto
  • Cache de CDN

Um tipo diferente de cache é o cache de CDN. Continue lendo para saber mais sobre ele.

4. Use uma rede de distribuição de conteúdo

Um CDN é uma rede de servidores que armazenam recursos estáticos, como imagens, scripts e folhas de estilo, para que possam ser entregues aos visualizadores do site a partir da localização geográfica mais próxima.

Normalmente, um CDN fornece serviços e recursos que podem melhorar significativamente o desempenho e a segurança de um site. Quando se trata de desempenho, um CDN pode ajudar você com o seguinte:

  • Reduzir a latência da rede e o tempo total de carregamento de um site
  • Reduzir o tempo até o primeiro byte (TTFB)
  • Aproveitar tecnologias de cache avançadas
  • Reduzir o tamanho da página com um serviço de compressão de dados, como GZIP ou Brotli, e otimização automática de imagens
  • Reduzir os custos de largura de banda
  • Melhorar a escalabilidade
  • Melhorar o SEO

CDN da Kinsta

A Kinsta oferece uma integração gratuita com o CDN do Cloudflare em todos os nossos planos de hospedagem. Isso significa que você pode aproveitar os recursos do Cloudflare para empresas de forma totalmente gratuita, independentemente do plano que assinou.

O Cloudflare oferece um serviço de cache de recursos estáticos que pode aumentar significativamente o desempenho de sites de eCommerce. Isso é particularmente útil quando seu público-alvo está distribuído em uma grande área geográfica.

Graças à nossa integração com o Cloudflare, podemos fornecer a todos os nossos clientes, independentemente de seus planos, os seguintes recursos empresariais:

Com a Kinsta, você pode aproveitar todos esses recursos ativando o CDN do Cloudflare na seção Cache do seu painel MyKinsta, onde você pode gerenciar o Edge Caching e o Cache CDN.

Você pode ativar Cache para dispositivos móveis, Limpar cache e Limpar cache de URL na aba Edge Caching.

Opções de edge caching no MyKinsta
Opções de edge caching no MyKinsta.

Na aba CDN, você pode Limpar cache CDN, otimizar imagens e excluir arquivos específicos do cache CDN.

Opções de cache de CDN no MyKinsta
Opções de cache de CDN no MyKinsta.

5. Otimize imagens

A otimização de imagens é vital para a velocidade da página. Otimizar imagens não é complicado para iniciantes, mas você ainda precisa de algum conhecimento básico.

Você pode otimizar imagens de várias maneiras. Primeiro, deve identificar o formato que melhor se adapta às características da imagem. Além dos formatos JPEG, PNG e GIF tradicionais, formatos de imagem otimizados para web como WebP e Avif oferecem altos níveis de compressão com qualidade superior. O WordPress é compatível com ambos os formatos imediatamente, então você pode usá-los livremente em seu site de eCommerce.

Suporte ao formato AVIF
Suporte ao formato AVIF (Fonte: caniuse).

Após escolher o formato de imagem correto, você pode passar para a compressão. Você tem dois tipos de compressão de imagem: com e sem perdas. A compressão com perda é mais eficaz para reduzir o tamanho do arquivo. No entanto, você deve considerar a perda de informações e, portanto, a redução da qualidade da imagem.

Se a qualidade da imagem for essencial para o seu site, a compressão sem perdas pode ser a escolha certa, embora a economia de tamanho possa ser insignificante. Para compactar imagens sem perda de informações, você precisará de ferramentas como FileOptimizer ou ImageOptim para WordPress, ou um software de edição de fotos como o Photoshop. Outra opção é a compressão Gzip.

Otimize imagens com a Kinsta

Graças à nossa integração com o Cloudflare, a Kinsta oferece otimização gratuita de imagens. Isso significa que suas imagens PNG, GIF e JPEG são automaticamente convertidas para o formato WebP para melhorar a velocidade e o desempenho do seu site sem usar um plugin de terceiros.

Você pode habilitar a otimização automática de imagens no MyKinsta em Cache > CDN > Otimização de imagens.

Otimização de imagens no MyKinsta
Otimização de imagem no MyKinsta.

Clique no botão Configurações na caixa Otimização de imagem e selecione o tipo de otimização que você precisa.

Otimização de imagem no MyKinsta
Otimização de imagem no MyKinsta.

6. Reduza o tamanho dos recursos HTML, CSS e JavaScript

Você pode reduzir a quantidade de dados que o navegador baixa para renderizar uma página na tela por meio de minificação, compressão e armazenamento em cache de recursos HTML, CSS e JavaScript.

A minificação de código é o processo de remoção de caracteres desnecessários do código-fonte. Comentários e espaços em branco são úteis no desenvolvimento, mas o navegador não precisa deles para renderizar a página. Com a minificação de código, você pode reduzir o tamanho dos recursos HTML, CSS e JS em 50% ou mais.

Vale a pena observar, no entanto, que o Cloudflare anunciou recentemente a descontinuação do recurso Auto Minify:

Os motivos pelos quais planejamos remover o recurso são vários, mas se resumem ao fato de que é um recurso de desempenho usado com o objetivo de reduzir o peso da página e não é tão eficiente para fazer isso quanto outros projetos em que o Cloudflare está trabalhando, como melhorar a compactação.

Você pode reduzir o tamanho dos arquivos transmitidos para aumentar a velocidade da página e usar menos largura de banda por meio da compressão. A compressão GZIP permite comprimir um conjunto de dados brutos sem perda de informações. Qualquer tipo de arquivo pode ser compactado, mas o GZIP funciona melhor com recursos baseados em texto, como HTML, CSS e JS. Outro tipo de compressão é o Brotli, que é mais recente e mais eficaz que o GZIP e é compatível com todos os principais navegadores.

Suporte ao Brotli em navegadores modernos
Suporte ao Brotli em navegadores modernos (Fonte: caniuse).

Compressão de recursos na Kinsta

Embora existam várias etapas para habilitar a compressão Brotli no WordPress, os clientes da Kinsta não precisam fazer absolutamente nada para aproveitar o poder desse algoritmo de compressão. Graças à nossa integração com o Cloudflare, todos os sites hospedados na Kinsta usam o Brotli por padrão.

Você pode verificar o tipo de compressão no inspetor do seu navegador. Selecione um ativo na tela Rede > Todos e procure o cabeçalho content-encoding. Isso fornece o tipo de compressão ativada em seu site. br significa Brotli.

O Brotli é ativado por padrão para todos os sites hospedados na Kinsta
O Brotli é ativado por padrão para todos os sites hospedados na Kinsta.

7. Elimine recursos de bloqueio de renderização

Você pode eliminar o JavaScript de bloqueio de renderização adicionando atributos async e defer às tags <script>. Isso pode melhorar o chamado First Contentful Paint. Mais especificamente:

  • Os scripts com o atributo async são executados de forma assíncrona assim que são carregados. Depois que o script é carregado, o navegador faz uma pausa, analisando o HTML e executando o script.
  • Os scripts com o atributo defer são executados somente após a conclusão da análise da página.
A mensagem Eliminar recursos de bloqueio de renderização no PageSpeed Insights.
A mensagem Eliminar Recursos de Bloqueio de Renderização no PageSpeed Insights.

Você também pode querer eliminar o CSS de bloqueio de renderização priorizando recursos acima da dobra, adicionando CSS em linha, usando o atributo media e usando JavaScript para carregar de forma assíncrona ou adiar o carregamento de CSS.

Tudo isso pode ser um pouco complicado se você não for um desenvolvedor de frontend, mas é possível usar um plugin de WordPress que pode fazer todo o trabalho sujo pra você.

Além disso, a partir do WordPress 6.3, você pode adicionar os atributos async e defer durante o registro do script e, a partir do WordPress 6.4, esses atributos foram implementados para scripts de frontend no núcleo do WordPress e nos temas incluídos.

8. Otimize o CSS

As folhas de estilo merecem uma observação à parte, pois podem tornar uma página web consideravelmente mais pesada.

Quando o navegador acessa uma tag <link>, interrompe o download de outros recursos e a análise da página para fazer o download e analisar o arquivo CSS. Além disso, você deve prestar atenção a algumas peculiaridades das folhas de estilo:

  • Várias folhas de estilo externas podem ser vinculadas à mesma página.
  • O link para outras folhas de estilo pode vir de outra folha de estilo, e assim, pode não estar visível no código HTML.
  • Uma folha de estilo que não foi bem projetada pode conter declarações que não são necessárias em todas as páginas do site. Isso pode levar ao aumento do tamanho do arquivo e a tempos de processamento mais longos.
  • É verdade que as folhas de estilo são armazenadas em cache, mas ainda assim bloqueiam a renderização por algum tempo.

Isso leva à necessidade de otimizar as folhas de estilo e realizar uma análise completa por meio de ferramentas de desenvolvimento do navegador, como o Lighthouse do Chrome e o Pagespeed Insights.

Após realizar a análise, você precisará identificar as soluções mais adequadas para reduzir o impacto das folhas de estilo no desempenho. A redução e a compressão são apenas duas das opções disponíveis. Outras medidas incluem o armazenamento em cache de arquivos definindo cabeçalhos Expires e ETag, fazendo a melhor escolha de tema e plugins de site, removendo códigos CSS desnecessários, otimizando fontes web e outras medidas de otimização de desempenho.

No entanto, a melhor opção para um desenvolvedor é sempre criar seus estilos seguindo as práticas recomendadas de CSS desde o início.

9. Reduza o número de solicitações HTTP

Imagens, scripts e folhas de estilo são recursos essenciais para um site. No entanto, às vezes há outros recursos menos essenciais que podem ser críticos para a finalidade específica do site, inclusive vídeo, conteúdo multimídia e fontes da web. Cada recurso gera uma solicitação HTTP ao servidor web que o hospeda, e cada solicitação exige tempos de processamento e resposta que se somam uns aos outros, aumentando o tempo total de carregamento da página.

Por isso, é fundamental minimizar o número de solicitações HTTP ao servidor.

Novamente, várias ferramentas de análise de desempenho podem ajudá-lo a determinar o número de solicitações HTTP. As ferramentas de desenvolvimento do navegador e as ferramentas on-line, como Pingdom e GTMetrix, podem ser aliadas valiosas quando se trata de problemas de desempenho.

Entre as várias soluções que um desenvolvedor pode implementar para reduzir o número de solicitações HTTP, a mais eficaz é a remoção de recursos desnecessários da página.

Os usuários de WordPress devem remover todos os plugins que não são estritamente necessários ou, pelo menos, carregar seletivamente os plugins que não são necessários em todo o site. Também devem escolher os plugins mais confiáveis e leves disponíveis, e evitar os chamados plugins nulled.

Outra opção é concatenar todos os arquivos CSS em uma única folha de estilo.

Outras medidas que você pode adotar para reduzir o número de solicitações HTTP são o lazy loading de recursos, o uso de fontes do sistema sempre que possível, a minimização de solicitações HTTP de terceiros, como vídeos do YouTube, e o uso de sprites CSS para ícones e logos.

Exemplo de Sprites CSS da Amazon
Exemplo de Sprites CSS da Amazon. O CSS é usado para “direcionar” apenas uma parte específica da imagem combinada.

10. Monitore o desempenho do seu site de eCommerce com uma ferramenta APM

Você já usou uma ferramenta de monitoramento de desempenho para o seu site de eCommerce? Se não, deveria. Uma ferramenta de monitoramento de desempenho, ou APM, permite que você meça o runtime de cada processo em seu site, como processos PHP, consultas a bancos de dados, chamadas AJAX e muito mais.

Conhecer o processo ou plugin que está atrasando ou quebrando seu site de eCommerce é crucial, pois a cada segundo de atraso no carregamento da página você perde vendas, sem mencionar que isso pode arruinar a imagem da sua marca.

Ninguém quer confiar os detalhes do seu cartão de crédito a um site que não funciona como esperado. Por esse motivo, é fundamental usar uma ferramenta APM.

Há várias ferramentas de APM no mercado, incluindo New Relic, LogRocket, Dynatrace e muitas outras. Você precisa verificar as mais populares e escolher a que funciona melhor para sua empresa em termos de custos e recursos.

A APM da Kinsta é gratuita para todos os planos WordPress

A ferramenta APM da Kinsta ajuda você a identificar gargalos de desempenho do PHP em seu site WordPress sem precisar assinar serviços de monitoramento de terceiros como o New Relic. É gratuita para todos os planos WordPress e está integrada nativamente ao MyKinsta.

Para acessar a ferramenta de monitoramento de desempenho da Kinsta, selecione seu site WordPress no MyKinsta e encontre o item APM no menu à esquerda.

Ativar a ferramenta APM da Kinsta no MyKinsta.
Ative a ferramenta APM da Kinsta no MyKinsta.

Habilite a APM e selecione o tempo de monitoramento. A ferramenta APM consome recursos do servidor e pode afetar o desempenho do seu site, então você pode querer ativá-la por um tempo limitado.

Selecione o tempo de monitoramento.
Selecione o tempo de monitoramento.

Depois de ativada, a ferramenta APM monitora os processos do seu site e fornece uma grande quantidade de dados organizados em quatro abas:

Transações: Essa tela exibe um diagrama que mostra o tempo geral de transação para processos PHP, MySQL, Redis e Externas, e uma tabela que lista as transações mais lentas em seu site. Você pode selecionar uma entrada específica para visualizar os detalhes da transação.

Transações na APM da Kinsta.
Transações na APM da Kinsta.

WordPress: Essa tela mostra duas tabelas: Plugins WordPress mais lentos e Hooks de WordPress mais lentos. Novamente, ao clicar em uma entrada específica, você será levado a uma tabela com detalhes da transação.

Plugins e hooks mais lentos do WordPress
Plugins e hooks mais lentos do WordPress.

Banco de dados: Nessa tela você pode encontrar as consultas de banco de dados mais lentas classificadas por duração. Se você usar o complemento Redis, da Kinsta, encontrará uma lista do Cache Redis registrado mais lento.

Consultas mais lentas ao banco de dados no MyKinsta.
Consultas mais lentas ao banco de dados no MyKinsta.

Externas: Essa tela exibe uma lista das solicitações externas mais lentas.

Solicitações externas mais lentas.
Solicitações externas mais lentas.

Você pode se aprofundar em qualquer solicitação em Detalhes do intervalo e Rastreamento de pilha.

Detalhes do intervalo e rastreamento de pilha para uma solicitação externa.
Detalhes do intervalo e rastreamento de pilha para uma solicitação externa.

Isso oferece uma grande quantidade de dados para solucionar qualquer problema de desempenho e otimizar a velocidade e o desempenho do seu site de eCommerce.

Se você quiser se aprofundar na ferramenta APM da Kinsta, confira os seguintes recursos:

Resumo

Este artigo fornece uma lista de verificação das otimizações essenciais que você pode implementar para melhorar o desempenho do seu site de eCommerce. Como uma hospedagem de sites WordPress gerenciada construída sobre o Google Cloud Platform, nossas recomendações vão principalmente para os proprietários de sites de eCommerce baseados no WordPress e no WooCommerce. No entanto, elas podem ser úteis independentemente da plataforma por trás do seu site de eCommerce.

Algumas otimizações estão diretamente relacionadas ao serviço de hospedagem; outras podem ser implementadas por meio de plugins de WordPress ou serviços de terceiros.

A Kinsta oferece opções de configuração para gerenciamento de cache, otimização de imagens, compressão de recursos, monitoramento de desempenho e muito mais, permitindo que você otimize seu site WordPress + WooCommerce para obter o melhor desempenho.

Se você quiser se aprofundar mais, confira os seguintes guias e tutoriais:

Agora é a sua vez. Esquecemos de alguma coisa? Você tem mais dicas para compartilhar com nossos leitores para melhorar o desempenho de um site de eCommerce? Deixe um comentário abaixo e participe da conversa.

Carlo Daniele Kinsta

Carlo é um apaixonado por webdesign e desenvolvimento frontend. Ele tem mais de 10 anos de experiência com WordPress e colaborou com diversas universidades e instituições educacionais na Itália e na Europa. Carlo já publicou inúmeros artigos e guias sobre WordPress, tanto em sites italianos quanto internacionais, além de revistas impressas. Você pode seguir ele no LinkedIn e no X.