Desbloqueie um desempenho extremamente rápido: 15 dicas profissionais para acelerar seu site WordPress
Publicados: 2023-05-29Vamos imaginar, você clica em um link, animado para explorar um site, e depois espera. E espere. E espere mais um pouco. Frustrante, não é? Bem, você não está sozinho.
Estudos mostram que 40% dos visitantes abandonam um site se ele demorar mais de 3 segundos para carregar.
No mundo on-line acelerado de hoje, a velocidade não é apenas um luxo, é uma necessidade. É por isso que estamos aqui para ajudá-lo a otimizar seu site WordPress e torná-lo extremamente rápido com alguns hacks comprovados.
Seja você um blogueiro, um empresário ou um desenvolvedor web, prepare-se para transformar seu site em uma máquina de carregamento. Orientaremos você por meio de técnicas comprovadas, como otimização de imagem, armazenamento em cache, ajustes de banco de dados e muito mais.
Portanto, continue lendo este blog para rejuvenescer seu site WordPress e oferecer uma experiência extremamente rápida aos seus usuários!
Impacto de sites de carregamento lento na experiência do usuário e nas conversões
Você sabia que a velocidade do site afeta diretamente a experiência do usuário, as conversões e até mesmo as classificações nos mecanismos de pesquisa? Sim está certo! Um site de carregamento lento não apenas testa a paciência de seus visitantes, mas também afeta os resultados de sua empresa .
Vamos descobrir como isso afeta a experiência do usuário e as conversões:
- Engajamento perdido: sites de carregamento lento afastam os usuários, pois eles simplesmente não têm paciência para esperar. Isso significa oportunidades de engajamento perdidas. Os usuários que encontram tempos de carregamento lentos têm maior probabilidade de abandonar seu site, resultando em exibições de página reduzidas, menos tempo gasto em seu site e menos interações com seu conteúdo.
- Diminuição da satisfação do usuário: seu site é um reflexo da sua marca. As páginas de carregamento lento dão aos usuários a impressão de que você não valoriza o tempo deles. Isso pode levar a uma percepção negativa da sua marca e diminuir a satisfação do usuário. É improvável que usuários insatisfeitos retornem ou recomendem seu site a outras pessoas.
- Conversões e receita impactadas: quando os usuários encontram atrasos, eles podem abandonar seus carrinhos de compras, hesitar em preencher formulários ou perder o interesse em suas ofertas. Como resultado, você perde leads valiosos e receita potencial.
- Classificações reduzidas do mecanismo de pesquisa: mecanismos de pesquisa como o Google consideram a velocidade do site como um fator de classificação. Se os usuários encontrarem páginas de carregamento lento consistentemente nos resultados do mecanismo de pesquisa, isso afetará negativamente sua experiência geral de pesquisa. Como resultado, o Google pode empurrar seu site para baixo nos resultados da pesquisa. Isso levará à diminuição do tráfego orgânico e à perda de oportunidades de atrair novos visitantes.
Esperamos que agora você possa entender facilmente como está afetando negativamente a experiência do usuário e a taxa de conversão se tiver um site de carregamento lento.
Como verificar a velocidade do seu site WordPress?
Seu site carrega instantaneamente em seu computador, o que não significa que ele carregará instantaneamente em todos os computadores ou dispositivos.
Como você costuma visitar seu próprio site, navegadores modernos, como o Chrome, armazenam seu site no cache e o pré-buscam automaticamente assim que você começa a digitar um endereço. Isso faz com que seu site carregue quase instantaneamente.
No entanto, um usuário normal que visita seu site pela primeira vez pode não ter a mesma experiência. Na verdade, os usuários em diferentes localizações geográficas terão uma experiência completamente diferente.
Portanto, você precisa de um verificador de velocidade neutra que mostre a velocidade real de carregamento da página do seu site. Aqui, vamos usar o PageSpeed Insights para verificar o tempo de carregamento do nosso site.
- Acesse PageSpeed Insights e cole a URL do seu site na caixa de pesquisa. Em seguida, clique no botão Analisar. Lá você encontrará os detalhes de desempenho do seu site em segundos.
Se você não tem certeza do que verificar e qual é o padrão, siga estas dicas:
- O Largest Contentful Paint (LCP) verifica o tempo de carregamento da página, especialmente a rapidez com que a página da Web renderiza seus elementos mais significativos. Procure marcar 2,5 segundos ou menos para fornecer uma boa experiência ao usuário.
- First Input Delay (FID) calcula a interatividade da página, principalmente o tempo de resposta desde a primeira interação do usuário até a resposta do navegador da web. A pontuação ideal para FID é de 100 milissegundos ou menos .
- Deslocamento cumulativo de layout (CLS) mede a experiência visual e a estabilidade da página calculando a quantidade total de deslocamentos inesperados de layout. Procure ter uma pontuação CLS de 0,1 ou menos .
Como acelerar o site WordPress: 15 dicas comprovadas para você
Fazer um site incrivelmente rápido não é uma tarefa de uma noite. Execute essas dicas de especialistas e continue verificando se seu site está melhorando ou não.
Primeiro, dê uma olhada rápida nas dicas para acelerar um site WordPress:
- Escolha uma Hospedagem de Sites de Qualidade
- Mantenha seu site atualizado
- Escolha um tema otimizado para velocidade
- Otimize seu banco de dados
- Diminuir Solicitações de Servidor
- Use Imagens Otimizadas
- Ativar cache de página
- Use uma rede de entrega de conteúdo (CDN)
- Ativar compactação Gzip
- Minificar arquivos CSS e JS
- Desativar plug-ins não utilizados
- Não envie áudio/vídeo diretamente
- Adicionar LazyLoad às suas imagens
- Desativar hotlinking
- Habilitar HTTPS e HTTP/2
Agora vamos discutir cada uma das dicas mencionadas acima para que você possa entender facilmente exatamente o que precisa fazer para acelerar seu site.
Nota: Estes não são ordenados por importância ou qualquer critério, apenas reunimos tudo o que aprendemos ao longo de nossos anos de experiência sobre como acelerar um site WordPress e listamos todos aqui.
1. Escolha uma hospedagem de qualidade
Sua empresa de hospedagem na Web e seu pacote de hospedagem têm um grande impacto na velocidade do seu site, entre muitas outras coisas importantes relacionadas ao desempenho. A maioria dos hosts do WordPress oferece vários tipos de hospedagem:
- Hospedagem Compartilhada
- Hospedagem dedicada
- Hospedagem de servidor privado virtual (VPS)
- Planos de hospedagem WordPress gerenciada
Ao escolher um plano de hospedagem WordPress, você geralmente obtém o que paga. No entanto, na hospedagem compartilhada, você compartilha os recursos do servidor com muitos outros clientes. Isso significa que, se o site vizinho receber muito tráfego, isso poderá afetar todo o desempenho do servidor, o que, por sua vez, deixará o site mais lento.
Por outro lado, usar um serviço gerenciado de hospedagem WordPress oferece as configurações de servidor mais otimizadas para executar o WordPress. As empresas de hospedagem gerenciada do WordPress também oferecem backups automáticos, atualizações automáticas do WordPress e configurações de segurança mais avançadas para proteger seu site.
Sites estabelecidos com mais conteúdo e níveis mais altos de tráfego regular devem encontrar um plano de hospedagem dedicado, VPS ou gerenciado de um provedor respeitável. Esses planos alocarão recursos de servidor suficientes para lidar com o aumento do tráfego sem afetar o tempo de carregamento.
2. Mantenha seu site atualizado
Como um projeto de código aberto bem mantido, o WordPress é atualizado com frequência. Cada atualização não apenas oferecerá novos recursos, mas também corrigirá problemas e bugs de segurança. Seu tema e plugins do WordPress também podem ter atualizações regulares.
Como proprietário de um site, é sua responsabilidade usar,
- Versão atualizada do WordPress
- Versão atualizada do PHP
- Versão mais recente do HTML
- Temas e plugins WordPress atualizados.
Sempre execute as versões mais recentes dessas coisas para otimizar o desempenho, manter seu site seguro, corrigir bugs e garantir que todos os recursos e ferramentas funcionem como deveriam.
3. Escolha um tema otimizado para velocidade
Existem muitos temas brilhantes e bonitos no mercado WordPress. Mas não se esqueça, temas com muito conteúdo dinâmico, widgets, controle deslizante, barra lateral, etc., podem fazer com que seu servidor de hospedagem responda lentamente.
Em vez de optar por um tema rico em recursos (que envolve muito código que deve ser carregado toda vez que alguém visita seu site), faça uma abordagem mínima usando um tema que contenha o esqueleto do que é necessário para funcionar bem.
Tenha cuidado ao comprar temas em mercados populares. Ao escolher um tema, verifique a velocidade da página da demonstração do tema. Em seguida, decida se é comprável ou não.
4. Otimize seu banco de dados
É um bom sinal que o WordPress geralmente salva tudo automaticamente, mas a desvantagem é que seu banco de dados será preenchido com milhares de revisões de postagem, trackbacks, pingbacks, comentários não aprovados e itens descartados rapidamente.
Limpar seu banco de dados pode ser feito manualmente através do phpMyAdmin, embora possa ser complicado e prejudicial se você não souber o que está fazendo. Se você não é um técnico, instalar um plug-in para realizar essa tarefa é o caminho mais seguro.
Plugins como WP-Optimize, Advanced Database Cleaner e WP-Sweep podem ajudá-lo a otimizar seu banco de dados.
Esses plugins rotineiramente limpam o lixo do seu banco de dados, mantendo o banco de dados eficiente e preenchido apenas com o que precisa ser mantido. Obviamente, ao fazer qualquer coisa em seu banco de dados, sempre faça backup primeiro. É uma das melhores maneiras de acelerar um site WordPress.
5. Diminua as solicitações do servidor
Uma solicitação do servidor acontece toda vez que seu navegador solicita algum tipo de recurso do seu servidor. Pode ser um arquivo como uma folha de estilo, um script ou uma imagem.
Quanto mais solicitações de servidor forem necessárias para concluir o carregamento do seu site, mais tempo levará. Como consequência, os pedidos devem ser o menor possível. Aqui estão algumas coisas que você pode fazer para reduzi-los ao mínimo:
- Diminua o número de postagens exibidas em uma página
- Mostre apenas trechos de postagens, sem postagens completas em suas páginas de arquivo (encontre a opção em Configurações > Leitura )
- Divida postagens mais longas em páginas
- Se você receber muitos comentários, divida-os em várias páginas ( Configurações > Discussão )
- Reduza o número de imagens e outros elementos em sua página
- Desinstale plug-ins desnecessários, especialmente os mais lentos
6. Use imagens otimizadas
Esta é outra maneira de melhorar a velocidade do site WordPress. As imagens são essenciais para manter o visitante do site envolvido. Embora seu site possa conter uma tonelada de belas imagens, é uma boa ideia otimizar essas imagens para obter tempos de carregamento de página mais rápidos. Existem várias maneiras de otimizar suas imagens, incluindo compactar imagens, adicionar texto alternativo e títulos e criar um sitemap de imagem .
Para compactação automática de imagens, você pode usar um plug-in do WordPress. WP Smush é um plug-in gratuito que comprime imagens automaticamente à medida que você as carrega para a biblioteca de mídia. Toda a compactação é “sem perdas”, o que significa que você não notará nenhuma diferença na qualidade das imagens.
Se você não quiser usar um plug-in para compactação de imagem, poderá fazê-lo manualmente. Você pode usar o Photoshop ou outras ferramentas de edição de imagem para reduzir o tamanho da imagem. Ou você pode usar ferramentas on-line como minúsculo png para compactar suas imagens.
7. Ativar cache de página
As páginas do WordPress são “dinâmicas”. Isso significa que toda vez que um visitante solicita uma página da Web de um site não armazenado em cache, o PHP no servidor WordPress precisa recuperar todo o conteúdo relevante do banco de dados do WordPress, montá-lo em um arquivo HTML e enviar esse arquivo ao cliente. .
Esse método tem suas vantagens, incluindo economia de espaço no servidor e permissão de conteúdo dinâmico do site. Mas também leva mais tempo e energia do que enviar uma página da web pré-escrita.
Um dos métodos mais populares para resolver esse problema é usar um plug-in de cache. Um plug-in de cache armazenará a exibição final do seu site para futuros visitantes. Isso significa que seu WordPress não precisará gerá-lo para cada pessoa que visualizar o site.
Alguns dos plugins de cache mais populares são,
- Ativador de Cache – Cache do WordPress
- Cache Total W3
- WP Super Cache
Você pode fazer isso sem usar um plugin. Por esse motivo, você precisará adicionar cabeçalhos expires adicionando o seguinte código ao seu arquivo .htaccess
.
# # associate .js with “text/javascript” type (if not present in mime.conf) # AddType text/javascript .js # # configure mod_expires # # URL: http://httpd.apache.org/docs/2.2/mod/mod_expires.html # ExpiresActive On ExpiresDefault “access plus 1 seconds” ExpiresByType image/x-icon “access plus 2692000 seconds” ExpiresByType image/jpeg “access plus 2692000 seconds” ExpiresByType image/png “access plus 2692000 seconds” ExpiresByType image/gif “access plus 2692000 seconds” ExpiresByType application/x-shockwave-flash “access plus 2692000 seconds” ExpiresByType text/css “access plus 2692000 seconds” ExpiresByType text/javascript “access plus 2692000 seconds” ExpiresByType application/x-javascript “access plus 2692000 seconds” ExpiresByType text/html “access plus 600 seconds” ExpiresByType application/xhtml+xml “access plus 600 seconds” # # configure mod_headers # # URL: http://httpd.apache.org/docs/2.2/mod/mod_headers.html # Header set Cache-Control “max-age=2692000, public” Header set Cache-Control “max-age=600, private, must-revalidate” Header unset ETag Header unset Last-Modified
8. Use uma rede de entrega de conteúdo (CDN)
Um CDN leva a tempos de carregamento de página mais rápidos porque, quando configurado, seu site usará um servidor otimizado mais próximo do visitante do site. O data center armazenará conteúdo e arquivos estáticos e os entregará aos usuários com base em sua localização.
Isso pode ajudar a reduzir solicitações HTTP externas porque o conteúdo estático já está pronto para ser usado, em vez de solicitar toneladas de HTTP de uma só vez.
Você pode usar,
- Incapsula – Provedor de CDN gratuito
- Cloudflare
- Ativador de CDN – plug-in do WordPress
para configurar seu CDN. Embora a configuração de um CDN possa levar algumas horas, geralmente é uma das maneiras mais rápidas de melhorar drasticamente a velocidade de carregamento da página.
9. Ative a compactação Gzip
Quanto menor for o tamanho do seu site, mais rápido ele será carregado. A compactação GZip pode reduzir o tamanho do conteúdo do seu site em cerca de 70%. Um site, depois de compactado, carrega mais rápido devido à redução da largura de banda.
Quando os usuários visitam seu site, o navegador descompacta automaticamente os arquivos e mostra seu conteúdo. Esse método de transmissão de conteúdo do servidor para o navegador é muito mais eficiente e economiza muito tempo.
Você pode ativar o Gzip usando plugins do WordPress como,
- PageSpeed Ninja
- Brisa
Se você quiser fazer isso manualmente, ou seja, sem usar um plug-in, abra seu arquivo .htaccess
(encontrado no diretório raiz do seu servidor) e adicione o seguinte código a ele:
AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript
10. Minimize arquivos CSS, HTML e JS
Minificação de recursos significa remover caracteres desnecessários de seu HTML, JavaScript e CSS que não são necessários para carregar, como:
- caracteres de espaço em branco
- Novos caracteres de linha
- Comentários
- Delimitadores de bloco
Isso acelera seus tempos de carregamento, pois reduz a quantidade de código que deve ser solicitado ao servidor.
Existem plug-ins para ajudá-lo a reduzir seu arquivo CSS, HTML e JS.
- Melhor WordPress Minimizar
- otimizar automaticamente
11. Desative plugins e temas não utilizados
Excluir plugins e temas não utilizados pode acelerar seu site WordPress. Descubra quais plugins e temas você não está mais usando. Se você não estiver usando um determinado plug-in, é possível que ele esteja fazendo um trabalho desnecessário em segundo plano. Pode ser hora de cortar.
Para excluir um plug-in não utilizado, primeiro você precisa desativá-lo. Em seguida, você pode acessar sua lista de plug-ins inativos e excluir os que não deseja mais.
Para remover temas indesejados, basta acessar Aparência > Temas para excluir os que não estão mais em uso.
12. Não faça upload de áudio/vídeo diretamente para o seu site
Você pode enviar arquivos de áudio e vídeo diretamente para o seu site WordPress e ele os exibirá automaticamente em um player HTML5. Mas você NUNCA deve fazer isso !
Aumenta tremendamente o tempo de carregamento do seu site. Em vez de carregar áudio e vídeo (se necessário) diretamente, incorpore o link e ele funcionará perfeitamente.
O WordPress possui um recurso de incorporação de vídeo integrado, para que você possa copiar e colar o URL do seu vídeo diretamente em sua postagem e ele será incorporado automaticamente.
13. Adicione LazyLoad às suas imagens
O carregamento lento é um conceito em que você atrasa o carregamento da unidade de objeto até o ponto em que é necessário. No WordPress, isso geralmente se refere a não carregar o objeto até que o usuário role a página para baixo ou use um evento ao clicar. Você pode carregar lentamente todos os tipos de conteúdo, de imagens a vídeos e até mesmo o sistema de comentários.
Para carregamento lento de imagens, existe um ótimo plug-in gratuito chamado BJ Lazy Load. Este plug-in substitui todas as suas imagens de postagem, miniaturas de postagem, imagens de gravatar e iframes de conteúdo por um espaço reservado e carrega o conteúdo à medida que se aproxima de entrar na janela do navegador quando o visitante rola a página. Também funciona com widgets de texto.
Para carregar lentamente seus vídeos, existe um plugin gratuito chamado Lazy Load for Videos. Ele substitui os vídeos incorporados do YouTube e do Vimeo por uma imagem de visualização clicável. Se o seu site tiver muitos vídeos, este plug-in sozinho pode acelerar drasticamente o WordPress.
14. Desative Hotlinking
Hotlinking é um termo usado quando um site usa os recursos de outro. Por exemplo,
se alguém copiou uma imagem do seu site, uma vez que o site dele é carregado, ele carrega a imagem do seu site. Isso significa que está consumindo largura de banda e recursos do seu servidor.
Isso torna seu site lento e, ao desativá-lo, você pode melhorar a velocidade do site.
Você pode desabilitar o hotlink adicionando o seguinte código ao seu arquivo .htaccess
e atualizando-o com seu nome de domínio.
RewriteEngine on RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourdomain.com [NC] RewriteRule \.(jpg|jpeg|png|gif)$ - [NC,F,L]
Depois de implementar o hotlinking, as imagens em sites externos aparecerão como quebradas, um erro 403 no cabeçalho.
15. Habilite HTTPS e HTTP/2
A web usa o HTTP 1.1 há muito tempo. Estava precisando de uma atualização! O HTTP/2 tem muitos aprimoramentos de desempenho em relação ao HTTP 1.1, como multiplexação, push do servidor, compactação de cabeçalho e outros.
Para executar HTTP/2, você deve executar HTTPS em seu site com um certificado SSL instalado. Ele aumenta a velocidade do seu site WordPress, além de garantir a segurança do seu site.
Bônus: Quão rápido um site deve carregar?
Idealmente, um site deve carregar dentro de 2 a 3 segundos ou até mais rápido. A pesquisa indica que a maioria dos usuários espera que os sites carreguem rapidamente. E eles começam a perder o interesse depois de alguns segundos se o site ainda não estiver carregado.
Mas a velocidade pode variar dependendo do tipo de site. Aqui, listamos o tempo de carregamento de sites, incluindo comércio eletrônico, blogs e SaaS:
- Comércio eletrônico: o tempo de carregamento padrão para um site de comércio eletrônico é de 2 a 3 segundos . 40% dos consumidores não esperarão mais de três segundos antes de abandonar um site de comércio eletrônico se ele não carregar nesse período.
- Blogging: O tempo de carregamento padrão para um site de blog é de 1 a 5 segundos . Depois de 5 segundos, a taxa de rejeição de um site de blog aumenta.
- SaaS: sites SaaS não são exceção na necessidade de páginas de carregamento rápido. Uma página que carrega em 2,4 segundos tem uma chance muito maior de conversão.
Se o seu site não se enquadra nessas categorias, você ainda precisa garantir um tempo de carregamento inferior a 3 segundos.
Perguntas frequentes sobre como acelerar sites WordPress
Existem vários fatores que podem causar um site de carregamento lento, incluindo imagens não otimizadas, plugins excessivos, temas volumosos, falta de cache, hospedagem ruim e consultas de banco de dados não otimizadas.
Absolutamente! Existem muitas técnicas de otimização de velocidade que você pode implementar sem conhecimento de codificação. Isso inclui otimizar imagens, usar plug-ins de cache, escolher um provedor de hospedagem rápido e usar plug-ins de otimização de desempenho.
A otimização da imagem é crucial para a velocidade do site. Você pode otimizar as imagens redimensionando-as para as dimensões apropriadas, compactando-as sem comprometer a qualidade e aproveitando as técnicas de carregamento lento. Também existem plug-ins de otimização de imagem disponíveis que podem automatizar esse processo para você.
Sim, usar um plug-in de cache é altamente recomendado. Os plug-ins de cache criam versões HTML estáticas de suas páginas da Web, reduzindo a carga do servidor e permitindo uma entrega mais rápida aos visitantes. Plugins de cache populares para WordPress incluem WP Rocket, W3 Total Cache e WP Super Cache.
Absolutamente! A escolha da hospedagem na web desempenha um papel significativo na velocidade do site. Os planos de hospedagem compartilhada geralmente têm recursos limitados e podem resultar em tempos de carregamento mais lentos. Considere atualizar para um provedor de hospedagem WordPress gerenciado ou um servidor virtual privado (VPS) que oferece melhor desempenho, recursos dedicados e configurações de servidor otimizadas.
Pare de pensar e comece a otimizar a velocidade do seu site agora
Se você está lutando para acelerar seu site WordPress, é hora de começar a trabalhar nisso. Faça um plano de acordo com o nosso guia. Comece a verificar seu site ponto por ponto. Aplique nossas sugestões em seu site e veja o impacto se está funcionando ou não.
Lembre-se de uma coisa, você pode não obter o resultado instantaneamente, mas se seguir nosso guia, obterá resultados positivos de forma consistente e segura. Não é uma tarefa da noite para o dia. Então, seja paciente e continue seu trabalho duro.
Se você obtiver alguma vantagem deste guia, não se esqueça de compartilhá-lo com nossos leitores através da caixa de comentários abaixo. Isso ajudará novos leitores a impulsionar seu trabalho.
E, se você enfrentar algum problema ao acelerar seu site, informe-nos. Estamos aqui para ajudá-lo. Boa sorte!