Evitando o desastre do CMS: como melhorar o desempenho do site

Ninguém gosta de… esperar… esperar …. espere ...

Ter um site que funcione como um super-herói digital é um imperativo de negócios, especialmente quando você está causando uma primeira impressão com um cliente em potencial pesquisando sua organização.

As seguintes estatísticas de desempenho do site devem causar medo no coração de todos os desenvolvedores e engenheiros de sites, sem mencionar sua equipe de marketing de marca:

• Um em cada dois usuários abandonará um site se demorar mais de quatro segundos para carregar. Fonte: BBC.
• Um atraso de um segundo resulta em uma queda de 16% na satisfação do usuário. Fonte: LoadStorm.
• Cinquenta e três por cento das visitas ao site móvel são abandonadas se as páginas demorarem mais de três segundos para carregar. Fonte: Google.

Talvez você tenha notado um desempenho ruim do site ao verificar as métricas de desempenho do Core Web Vitals do Google, mas não sabe como remediar isso?

Quando sua empresa está em risco, você não pode se dar ao luxo de enviar novos negócios para outro lugar e manchar sua marca fazendo com que seu sistema de gerenciamento de conteúdo (CMS) forneça uma experiência digital ruim.

Abaixo, diagnosticamos cinco culpados comuns de lentidão e como melhorar o desempenho do site usando um CMS ágil como o WordPress VIP.

Primeiro, o que realmente acontece quando você carrega um aplicativo da web?

É um grande pedido para qualquer navegador, que imediatamente precisa entrar em alta velocidade, realizando uma série de ações em milissegundos. Aqui está o skinny cortesia da Mozilla:

1. O navegador vai para o servidor DNS e encontra o endereço real do servidor em que o site está.
2. O navegador envia uma mensagem de solicitação HTTP ao servidor, solicitando que ele envie uma cópia do site para o cliente. Esta mensagem, e todos os outros dados enviados entre o cliente e o servidor, são enviados através de sua conexão com a Internet usando TCP/IP.
3. Se o servidor aprovar a solicitação do cliente, o servidor enviará ao cliente uma mensagem “200 OK”, que significa: “Claro que você pode ver esse site! Aqui está." Em seguida, ele começa a enviar os arquivos do site para o navegador como uma série de pequenos pedaços chamados pacotes de dados.
4. O navegador reúne os pequenos pedaços em uma página da Web completa e a exibe para você.

Nota: Claro, não é tão fácil assim. Há uma infinidade de etapas menores entre cada uma delas. Por enquanto, vamos mergulhar em cinco principais razões pelas quais a “lentidão” acontece e como nosso WordPress VIP CMS os mitiga.

Então, o que causa uma experiência de navegação lenta?

Culpado 1. Falta de PoPs e CDN

Muito provavelmente, seu negócio é global. Isso aumenta o desafio logístico de garantir conexões rápidas, consistentes e estáveis ​​para usuários em vários tipos de conexão em vários dispositivos.

Então, o que isso significa para sua aplicação?

Quando uma solicitação de rede é iniciada na Etapa 2 acima, a solicitação passa por vários saltos de rede. Um salto é um termo de rede de computadores que se refere ao número de roteadores pelos quais um pacote passa, desde sua origem até seu destino.

Como consequência desses saltos da localização geográfica de um usuário para seu servidor, pode haver tempo adicional experimentado por seus usuários durante o carregamento. Isso pode ser mitigado servindo o conteúdo mais próximo do seu visitante, por meio de uma rede de entrega de conteúdo (CDN) e pontos de presença (PoPs).

A resposta do WordPress VIP :

O CDN do WordPress VIP é uma rede global de PoPs de borda e origem que atende seu site a clientes globais, da forma mais rápida, eficiente e confiável possível. Essa disponibilidade localizada acontece automaticamente assim que nossos servidores de borda são notificados sobre novos conteúdos de seu aplicativo. Isso significa que não há configuração adicional a ser tratada por sua equipe, liberando-os para se concentrar em outras tarefas.

Culpado 2. Mídia não otimizada

Essas imagens de alta qualidade que todos estão fotografando hoje com os dispositivos móveis mais recentes são muito bonitas! Isto é, até que sejam usados ​​como miniaturas em sua página inicial.

Adicionar uma imagem 4K e limitá-la a um contêiner de 100×100 pixels significa que seus usuários precisam carregar toda a imagem 4K. Uma única imagem não é motivo de preocupação, mas para empresas que publicam conteúdo em escala, o carregamento da página pode explodir exponencialmente à medida que mais artigos preenchem uma página de índice.

A resposta do WordPress VIP :

Os aplicativos no WordPress VIP recebem automaticamente todos os benefícios das imagens em cache de borda e redimensionamento automático das imagens carregadas. Além disso, as imagens podem ser redimensionadas em tempo real.

Culpado 3. Javascript e CSS não otimizados

Ao carregar arquivos grandes, cada bit e cada solicitação contam. Se você já otimizou o número de saltos de rede necessários para baixar um arquivo, a maior quantidade de tempo que um arquivo leva para chegar é para a abertura e fechamento de solicitações.

Para resolver isso, o desenvolvimento moderno de Javascript e CSS geralmente usa minificação e concatenação.

Minificação refere-se à remoção de todos os caracteres desnecessários em um arquivo, normalmente todos os espaços em branco desnecessários. O objetivo aqui é reduzir o número total de bits sendo transferidos.
A concatenação é o ato de colar vários arquivos para produzir um arquivo maior. O objetivo aqui é reduzir o número de solicitações de rede.

A resposta do WordPress VIP :

O WordPress VIP concatena automaticamente arquivos JavaScript e CSS para reduzir o número de solicitações que ocorrem em um único carregamento de página. Os arquivos CSS são reduzidos e concatenados. O crédito vai para o nosso plugin de código aberto de escolha.

Arquivos reduzidos e concatenados são armazenados em cache por 15 dias ou até que uma alteração seja detectada.

Culpado 4. Má utilização de cache

Caches são armazenamentos temporários especiais para acelerar as coisas. O que eles aceleram depende do tipo de cache.

Se você não estiver utilizando uma forma de armazenamento em cache, poderá estar afetando seriamente a velocidade de resposta da sua página quando seu aplicativo estiver sendo carregado.

A resposta do WordPress VIP :

O WordPress VIP emprega vários tipos diferentes de cache:

• Cache de objeto — usado para armazenar dados no nível do aplicativo. Isso ajuda a recuperar os dados de forma rápida e eficiente sem atingir seu banco de dados. Resumindo, o cache de objetos evita que cálculos e/ou consultas extensas ocupem um valioso tempo de conexão.
• Cache de consulta — cache de memória leve de consultas de banco de dados. No WordPress, qualquer consulta de postagem que utiliza a API WP_Query se beneficia muito dessa forma de armazenamento em cache.
• Cache de página — armazenamento para uma página totalmente desenhada, armazenada em cada local PoP de borda. Este é o primeiro nível de cache que a maioria dos usuários que visitam seu aplicativo encontra. O cache de página permite que nosso CDN forneça conteúdo localizado sem que seu aplicativo execute uma linha de código.

Tudo isso funciona em harmonia para diminuir os tempos de resposta das solicitações.

Problema 5. Saturação da conexão do banco de dados

Quando o conteúdo e a base de usuários do seu aplicativo crescem, as consultas de banco de dados mais antigas que originalmente funcionavam bem agora podem degradar o desempenho.

Quando as consultas demoram para serem executadas, isso ocupa um lugar no banco de dados até que a consulta seja concluída. Às vezes, esses assentos são preenchidos muito rapidamente, impedindo que mais consultas sejam executadas. Isso geralmente se manifesta como desempenho de aplicativo degradado até que o banco de dados atenda a 500 respostas.

A saturação da conexão pode ocorrer de forma rápida e aleatória, dificultando o diagnóstico da causa raiz.

A resposta do WordPress VIP :

Como parte do pacote de serviços VIP do WordPress, fornecemos acesso ao New Relic, que ajuda a diagnosticar e monitorar proativamente possíveis problemas como os descritos acima. Isso economiza o tempo e os custos da sua equipe e o trabalho de proteger ferramentas e recursos adicionais quando os segundos contam.

Em conclusão

De saltos de rede e falta de presença de pontos à saturação de conteúdo do banco de dados, abordar as causas-raiz do mau desempenho do site deve ser uma prioridade P0 para qualquer organização com visão de futuro e seu sistema de gerenciamento de conteúdo. Afinal, causar aquela ótima primeira impressão com o público é tudo na era digital. Porque a velocidade realmente mata.

Saiba mais sobre o WordPress VIP aqui.

Autor

Michael Chan, engenheiro de software sênior, WordPress VIP