Como tornar seu site WordPress mais rápido e escalável.
Confira nosso guia de otimização de desempenho do WordPress.
O desempenho é importante.
Afeta a experiência do usuário, suas vendas e conversões e sua classificação de pesquisa.
Melhor taxa de conversão
Estudos feitos pela Amazon, Google e outros mostraram claramente que sites mais rápidos têm uma taxa de conversão melhorada. Quanto mais lento for o seu site, menor será a probabilidade de o visitante comprar, entrar em contato com você ou comentar. 1 segundo mais lento equivale a uma redução de 7% nas conversões.
Mais visualizações de página
1 segundo de atraso no tempo de carregamento da página equivale a 11% menos visualizações de página. Quanto mais rápido o seu site carregar, maior será a probabilidade de os visitantes passarem mais tempo nele. Isso significa mais visualizações de página para você e mais dinheiro com anúncios.
Melhor classificação
O Google adora sites mais rápidos. Um site mais rápido tem melhor classificação nos motores de busca, levando a mais visitantes ao seu site. Claro, não podemos garantir melhores classificações nos resultados de pesquisa; no entanto, ter um site mais rápido aumentará suas chances de obter melhores classificações.
Mais dinheiro
Um site leve consumirá menos recursos do servidor, portanto será capaz de sustentar um tráfego maior sem a necessidade de atualizar seu plano de hospedagem. Então, se você tem um site otimizado você pode hospedá-lo até mesmo em um plano de hospedagem compartilhada e economizar dinheiro.
O que acontece quando alguém visita uma página do seu site WordPress?
Para acelerar o seu site WordPress, é importante entender como as coisas funcionam para que você possa aplicar as correções corretas.
O usuário clica em um link para seu site
Ao acessar o seu site, o navegador do visitante verifica o IP do seu domínio no DNS e, em seguida, envia a solicitação da página ao servidor. Se o site usar SSL, o cliente e o servidor negociam uma conexão segura antes que a solicitação seja concluída.
O servidor constrói o HTML
O servidor recebe a solicitação e processa o código do site. O banco de dados e o sistema de arquivos são consultados em busca de todos os elementos necessários e a página HTML é compilada. Quando o HTML é criado, o servidor o envia de volta ao navegador.
O servidor envia o HTML para o navegador
Quando o HTML é criado, o servidor o envia para o navegador.
O navegador lê o HTML e solicita todos os elementos
O navegador recebe o código HTML, lê o código e percebe que precisa de mais elementos (arquivos CSS, fontes, imagens, arquivos Javascript). Eles podem vir do mesmo servidor ou de outros servidores, caso em que requerem novas consultas DNS e conexões SSL.
O navegador começa a construir a página
Enquanto ainda coleta os elementos, o navegador começa a construir a página e exibe uma primeira versão da página. É chamado de First Contentful Paint (FCP) e é uma métrica importante. Como a página ainda não terminou de carregar, o usuário ainda não pode interagir com ela.
O navegador prepara a página para interação
Vários elementos da página devem ser reunidos antes que o usuário possa começar a interagir com a página, clicando ou rolando, para que o navegador prepare a página para a interação.
A página está pronta para uso
Quando todos os elementos forem carregados e todos os scripts tiverem concluído suas tarefas de configuração, a página estará finalmente pronta para uso. Portanto nosso objetivo ao otimizar o site é chegar “pronto para uso” no menor tempo possível.
O tempo de carregamento de uma página é composto por 3 partes.
A frase “velocidade de carregamento do site” foi usada, mas na verdade é TEMPO, não velocidade.
01.
Tempo de resposta do servidor
O tempo de resposta do servidor é o que tem maior impacto na experiência do usuário. É aqui que funciona o servidor, executando o código PHP do site. Se esta primeira solicitação for lenta, todas as outras etapas de visualização da página web serão atrasadas.
02.
Tempo de transferência de dados
O tempo de transferência de dados é o tempo necessário para transportar os elementos que compõem a página do servidor (ou servidores) para o navegador. Depende da quantidade de dados e da distância que eles precisam percorrer.
03.
Tempo de renderização da página
O tempo de renderização é influenciado pela qualidade e complexidade do código a ser interpretado, pela quantidade de elementos e seu tamanho, bem como pela velocidade do dispositivo em que o navegador está sendo executado.
01.
Como melhorar o tempo de resposta do servidor?
É aqui que funciona o servidor, processando o código PHP. O objetivo é dar ao servidor o mínimo de trabalho possível. Ou dê ao trabalho o máximo de servidor possível. Idealmente… ambos.
Cache de página inteira
Instale um plug-in de cache do WordPress ou converse com seu provedor de hospedagem sobre cache em nível de servidor ou ajuda com integração de cache de borda.
Use plug-ins melhores
Teste o uso de recursos dos plugins do WordPress; verifique se existem plugins que fazem solicitações não armazenáveis em cache; substitua-os por outros melhores.
Use temas melhores
Teste o uso de recursos do seu tema WordPress ativo e, se houver problemas, substitua-o por um tema mais leve.
Otimização de banco de dados
Limpe meta_keys órfãs da tabela wp_postmeta; limpe as entradas com autoload:yes da tabela wp_options; limpa entradas antigas de plugins e temas; excluir transientes expirados; altere o mecanismo de tabela para INNODB.
Configurações do WordPress
Desative trackbacks, pingbacks, emojis, incorporações; desabilitar ou limitar revisões; definir limpeza regular do lixo; desabilitar ou modificar a API de pulsação; desative o xml-rpc se não for necessário; configure um cronjob de servidor.
Obtenha uma hospedagem melhor
A hospedagem compartilhada na web não pode garantir desempenho constante. Se o desempenho for fundamental para você, experimente uma solução gerenciada de hospedagem WordPress ou uma solução gerenciada de hospedagem WooCommerce.
02.
Como melhorar o tempo de transferência de dados?
O objetivo é reduzir a quantidade de dados que precisam ser transferidos do servidor para o navegador e reduzir a distância pela qual os dados são transferidos.
Otimizar imagens
Não utilize resoluções maiores que o necessário; utilize o formato correto (jpg, png, svg, webp) para cada cenário; limpe o servidor de imagens não utilizadas.
Otimize CSS e JS
- remova CSS e JS inúteis
- concatenar CSS e JS
- minificar CSS e JS
Otimizar fontes
- use apenas uma fonte, no máximo 2 (uma para títulos, uma para corpo)
- serve arquivos de fontes do seu servidor
- alternativamente, use fontes do sistema
Use um CDN
- Cloudflare (grátis)
- Quic.cloud
- Coelho CDN
- Chave CDN
- AWS CloudFront
- CDN do Google Cloud
- Rapidamente
03.
Como melhorar o tempo de renderização da página?
É aqui que funciona o navegador do dispositivo do visitante. Não podemos controlar a velocidade de sua conexão com a Internet, ou o poder de computação de seu dispositivo, só podemos dar menos trabalho a esse navegador.
DOM
Reduza a complexidade do DOM usando blocos nativos de Gutenberg para construir páginas em vez de plug-ins de criação de páginas.
JavaScript
Quanto mais JS você tiver em seu site, mais difícil será obter um tempo de renderização rápido. Remova o que puder, adie e adie o que não puder.
CSS
Reduza a complexidade do CSS, remova erros de sintaxe, reduza o uso de @import e !important, remova seletores e propriedades duplicados e redundantes.
Faça seu site voar com Simplenet Hosting.
Inscreva-se hoje para um plano de hospedagem e obtenha uma auditoria e otimização de desempenho GRATUITAS.
