Você criou recentemente um site para você ou para outra pessoa? Então você definitivamente deve saber que, idealmente, ele deve carregar em 2 segundos.
você tem um blog? Certamente seus leitores não querem esperar uma quantidade desproporcional de segundos para o artigo carregar. Você certamente também não gostaria.
De acordo com estatísticas as pessoas estavam dispostas a esperar até 8 segundos para a página carregar em 1999. Hoje, um quarto dos visitantes sai do site se ele não carregar em 4 segundos. Apenas um carregamento de 2 segundos pode aumentar as partidas do carrinho em até 87%. Até 74% das pessoas saem em telefones celulares se a página não carregar em 5 segundos.
Portanto, não importa qual seja o objetivo do site, a velocidade de carregamento da página é fundamental em qualquer caso. Um site lento significa menos visitas, menos conversões, menos compras e menos satisfação.
Obsah
Como você testa a velocidade da página?
Existem algumas ótimas ferramentas para medir sua velocidade de carregamento. Eu recomendo GTmetrix ou Webpagetest. E terceiro, é melhor descarregar seu carregamento manualmente. Basta pegar o cronômetro no seu celular e medir o tempo.
O Page Speed Insights também é uma ferramenta útil do Google. Embora não mostre a velocidade de carregamento da página, ele revelará algumas das deficiências discutidas neste artigo.
Eu recomendo a ferramenta Testmysite para velocidade de carregamento em telefones celulares .
Quanto tempo a página deve carregar para você?
O tempo ideal é de 2 segundos ou menos. Pelo menos essas são as expectativas dos internautas e a recomendação do Google. Claro, nem sempre será possível alcançar esse tempo. 3 segundos também é bom. De qualquer forma, você deve chegar o mais próximo possível desses 2 segundos e reduzir o tempo de carregamento o mais rápido possível. Ninguém vai reclamar que seu site carrega muito rápido.
4 fatores que afetam a velocidade de uma página do WordPress
- Velocidade de conexão com a Internet – você não afetará o visitante
- Navegador de Internet – você não afetará o visitante
- Hospedagem de sites
- Modelo e configurações do WordPress
Vamos dar uma olhada neles mais de perto.
Velocidade de conexão com a internet
Obviamente, quanto mais lenta a Internet, mais lenta a página da Web será carregada.
Dado que a Internet não está mais conectada via telefone como antigamente, e tanto os ISPs quanto as operadoras móveis fornecem conexões de alta velocidade hoje, você não precisa levar esse fator em consideração.
De qualquer forma, não está ao seu alcance afetar a velocidade da conexão com a internet das pessoas que acessam seu site.
navegador de internet
Outro fator é o próprio navegador de internet. No passado, as diferenças eram bastante significativas, mas hoje essas diferenças são menores. Os navegadores mais rápidos são claramente Google Chrome e Firefox .
Infelizmente, você não tem como influenciar qual navegador as pessoas usam ou se usam uma versão mais antiga desatualizada e potencialmente mais lenta porque o navegador mais antigo pode não conseguir carregar algumas partes do site ou código.
Hospedagem na Web e seu impacto na velocidade de carregamento da página
Quando você deseja encontrar uma página da Web por meio de um navegador, está basicamente dando um comando a um computador remoto (o servidor onde a página da Web está localizada) para acessar e visualizar os arquivos dessa página. Obviamente, quanto mais poderoso o servidor, mais rápido a página será carregada.
O desempenho do servidor é afetado por:
- Recursos dedicados – cada servidor tem um determinado desempenho (RAM – memória; CPU – processadores). No caso de hospedagem compartilhada, o desempenho do servidor é “compartilhado” por vários sites. No caso de um Servidor Virtual (VPS), agora você pode configurar os recursos do servidor de acordo com suas necessidades.
- Hardware rápido – os dados são lidos de SSDs mais recentes muito mais rápido do que de HDDs clássicos.
- Link – Você precisa de acesso a bancos de dados e outros recursos para carregar uma página do WordPress. Idealmente, esses recursos devem estar em um único servidor para conexão e comunicação mais rápidas entre eles. Se estiverem distribuídos por vários servidores, o carregamento poderá ser mais lento se não estiver bem configurado.
O que observar ao hospedar
Claro, quase todos os provedores de hospedagem dirão que sua solução é super rápida porque possui SSDs ou sua hospedagem compartilhada é otimizada (o que quer que isso signifique).
Mas um servidor projetado para hospedagem compartilhada, com ótima operação e em condições ideais, pode lidar com várias centenas de sites comuns. Se já houver 1000 ou mais deles, o servidor pode usar sites “vizinhos” e, assim, deixá-lo mais lento.
Outro exemplo: para um jogador forte que se orgulha de hospedagem rápida não apenas para sites WordPress, tenho dois sites WordPress. Um tem uma velocidade de resposta do servidor de 0,53 segundos de acordo com o Pagespeed Insights, o que poderia ser mais rápido, mas você pode dizer que está tudo bem. Mas o outro site teve uma resposta do servidor de 2 segundos. Só para explicar, a resposta do servidor não significa carregar a página inteira, apenas o tempo desde que o servidor começou a enviar os arquivos da página. Não foi até que fiz algumas alterações nas configurações que consegui reduzir o tempo total de carregamento para 1,6 segundos.
O que isso significa? Eles têm hospedagem de má qualidade? Definitivamente não. Estou feliz, mas me ensinou a não acreditar em reivindicações de hospedagem rápida. Simplesmente, até você testá-lo, você não fará nenhum ajuste nas configurações do WordPress que falaremos em um momento, a web não funcionará mais rápido. A empresa de hospedagem não fará essas alterações para você, mesmo essas modificações nem sempre são uma garantia de 100% de um site rápido em uma determinada hospedagem.
O mesmo site com as mesmas configurações pode rodar mais rápido em algum lugar, um pouco mais lento em algum lugar. Portanto, até que você execute o site ao vivo, você não tem certeza.
Dica do editor: recomendamos o uso de hospedagem WY ou WebSupport .
Como acelerar o carregamento do WordPress
Atualizações regulares
Não me refiro apenas às atualizações do WordPress como tal, mas também ao background tecnológico da hospedagem. A maioria deve ser feita pelo seu provedor de hospedagem, mas muitas vezes você pode configurar algumas coisas na interface de administração da sua hospedagem. Um deles deve ser uma atualização para o PHP 7 , se você ainda não o fez.
Se você não sabe, PHP é uma linguagem de script para criar sites dinâmicos e interativos. E sim, o WordPress também é construído sobre ele.
E por que você deveria pelo menos atualizar seu PHP para a versão 7? Porque você pode notar uma aceleração significativa do seu site. Você encontrará várias comparações de velocidade com a versão mais antiga aqui , aqui e aqui .
No entanto, certifique-se de que seu modelo seja totalmente compatível com a nova versão do PHP, caso contrário você poderá ter problemas para exibir alguns elementos no site ou em todo o site.
Escolha um modelo WordPress otimizado para velocidade
Escolher um template WordPress é um dos 3 passos na criação de um site WordPress .
Mas, em geral, quanto mais código houver em uma página, mais tempo ela carregará. O mesmo vale para modelos codificados incorretamente.
Você também tem muitas opções para escolher modelos no site oficial do WordPress. Por serem gratuitos, não precisam ser atualizados regularmente ou codificados adequadamente. Esta solução é melhor se você está apenas começando com sites ou blogs. Porém, para ter mais certeza, é melhor investir em um template pago.
Pessoalmente, tenho experiência com Divi (consegui reduzir a velocidade de carregamento para os mencionados 1,6 segundos dos 4 segundos originais) e OptimizePress , que são bem programados, atualizados regularmente e bastante rápidos.
Você certamente pode encontrar outros dessa maneira, mas certifique-se de que os programadores também pensaram em velocidade – não apenas em desktops, mas também em dispositivos móveis.
Remova códigos de rastreamento desnecessários
Como você leu no parágrafo acima, quanto mais código você tiver em sua página, mais lento será o carregamento. Vários códigos de rastreamento de marketing, como o pixel do Facebook, ferramentas de rastreamento de comportamento da Web, como Hotjar, Smartlook e assim por diante, também podem causar um problema a esse respeito.
Se você não os utiliza, remova-os completamente ou tente implementá-los no site através do Google Tag Manager, através do qual você pode gerenciar vários códigos sem precisar incorporá-los na web. Isso substituirá vários códigos por um.
Use plugins do WordPress com sabedoria
Os plugins do WordPress são uma coisa útil. Se você deseja alguma funcionalidade que está faltando no site, facilmente você encontrará o plugin necessário , seja gratuito ou pago.
Mas quanto mais você tiver em seu site, mais lento ele poderá carregar. Além disso, se mal programada, a página da web pode ficar ainda mais lenta. Então a regra básica é quanto menos plugins, melhor .
Limpe seu banco de dados
O banco de dados do seu site pode ficar gradualmente cheio de dados desnecessários. Portanto, é útil limpar o banco de dados de tempos em tempos, por exemplo, de revisões de página que você não precisa. Por exemplo, um plugin irá ajudá-lo a limpar WP-Optimize ou WP-Sweep. Você também pode definir o número máximo de revisões manualmente via wp-config.php .
Remova elementos que demoram muito para carregar
Elementos populares no site incluem controles deslizantes. Eles são legais, mas completamente inúteis para a maioria dos sites, eles pioram as conversões , as pessoas não gostam deles e, se gostarem, na maioria dos casos apenas no primeiro slide.
O pior de tudo – eles tornam sua página mais lenta. Muitos silders carregam em até 2 segundos.
Fonte: https://soliloquywp.com/wordpress-slider-slow-to-load-heres-why-and-how-to-fix-it/
Quando você considera que, idealmente, sua página inteira deve carregar em 2 segundos e você carrega apenas um slider durante esse tempo, isso é um desempenho muito ruim. Portanto, o melhor a fazer é substituir o controle deslizante por um elemento mais rápido que cumpra a mesma finalidade. Ou se você insistir, encontre um que carregue mais rápido.
Reduza o número de solicitações ao servidor
Ao pesquisar o domínio da página em seu navegador ou clicar em um link para a página, envie uma solicitação ao servidor onde a página está localizada. Mas este requisito não é realmente um. Existem vários – desde arquivos, até vários scripts.
Como você já pode imaginar, quanto mais solicitações, mais lento o carregamento. Então, o que você pode fazer para reduzir seu número?
- Mostrar apenas as primeiras frases ao clicar nos artigos
- Divida o artigo em várias páginas ( instruções de como fazer )
- Reduza o número de artigos exibidos na página, como 5
- Desative plugins que você não precisa
- Reduza o número de imagens/vídeos na página
- Utilize o chamado carregamento lento, o que significa que elementos como imagens ou vídeos são carregados apenas quando o usuário rola na página até o elemento, usando este ou este plugin.
Otimizar (comprimir) imagens
As imagens ocupam muito mais espaço do que o código de texto normal. Portanto, é importante ter imagens que ocupem o mínimo de dados possível, mantendo sua qualidade.
Você pode reduzir seu tamanho antes de fazer o upload para o WordPress via Tinypng.com. Uma solução ainda mais rápida é o plugin WP Smush ou EWWW Image Optimization , que pode reduzir automaticamente as imagens quando elas são carregadas no WordPress.
Incorporar vídeos
O WordPress pode reproduzir facilmente os vídeos que você envia para ele, mas é muito melhor enviar o vídeo para o YouTube, por exemplo, e incorporá-lo em seu site por meio da função de incorporação. Por quê? Como os arquivos de vídeo tendem a ser maiores e carregá-los do servidor também retardaria o carregamento da página.
Aproveite o cache
Um cache é um cache rápido usado para armazenar temporariamente arquivos ou dados para que solicitações futuras desses dados sejam realizadas mais rapidamente.
Para simplificar as complicações, você só precisa usar plugins de cache como WP Rocket , WP Super Cache ou W3 Total Cache (recomendo).
Com o W3 Total Cache e compressão de 3 imagens, consegui reduzir a velocidade de carregamento dos 4 segundos originais para 1,6 segundos em um dos meus sites.
Desativar hotlinking
Há duas maneiras básicas de exibir conteúdo de mídia avançada, como imagens ou vídeos, em seu site. Você pode enviá-los diretamente para o seu WordPress ou vinculá-los por meio de um URL para enviar uma solicitação de download de outro servidor.
Portanto, se você enviar uma imagem diretamente para sua hospedagem WordPress, seu código html ficará assim:
<img src = “nazovobrazka.jpg”>
Se você estivesse visualizando uma imagem de outro site, o código html ficaria assim:
<img src = “https: //domena.koncovka/nazovcudziehoobrazka.jpg”>
Se você visualizar arquivos de mídia de outros sites dessa maneira, isso não será um problema, a menos que eles sejam protegidos por direitos autorais. No entanto, se outros sites exibirem seus arquivos dessa maneira, isso poderá ser um problema, pois outros sites enviarão solicitações para seu servidor. Em outras palavras, eles o sobrecarregariam e, portanto, o atrasariam.
Isso é importante ter em mente para portais/sites maiores que trabalham com muitas imagens ou vídeos. Você pode desabilitar o hotlinking adicionando o seguinte código ao seu arquivo .htaccess:
RewriteEngine ligado
RewriteCond%{HTTP_REFERER} ! ^ $
RewriteCond%{HTTP_REFERER} ! ^ http (s): // (www \.) vasadomena.koncovka /.*$ [NC]
RewriteRule \. (Gif | jpg | jpeg | bmp | zip | rar | mp3 | flv | swf | xml | php | png | css | pdf) $ – [F]
Basta digitar seu domínio na penúltima linha e, na última linha, você também pode escolher o tipo de arquivo para o qual deseja desativar o hotlinking.
Minificação de código, compressão Gzip
Se você olhar para o código-fonte de um site WordPress (pressionando ctrl + uv no Chrome), verá um monte de códigos html, css ou javascript.
A compactação Minify / Gzip significa que o que você vê pode ser menor e, portanto, ocupar menos espaço. Em outras palavras, ele reflete sua página mais rapidamente para carregar.
Ele funciona em um princípio simples. Imagine que o código da página seja AA BBB CCC DDDDD. Em termos simples, também poderia ser 2A 3B 3C 5D. Os catorze caracteres originais podem assim ser reduzidos a oito.
Dessa forma, você pode pegar o código do seu site e reduzi-lo em dezenas de por cento em um princípio semelhante.
Como fazer isso? Isso pode ser feito usando os plugins mencionados acima WP Rocket , WP Super Cache, W3 Total Cache, então o plugin A otimização automática ou, na melhor das hipóteses, a minificação de código e a compactação Gzip fazem parte do seu modelo WordPress.
Ao escolher um programador, certifique-se de que ele conheça as melhores práticas
Se você gostaria de ter um modelo WordPress programado de acordo com seus requisitos específicos, certifique-se de que as recomendações acima mencionadas não sejam familiares ao programador e sejam bem versadas nelas. Ter um bom site com o código errado não seria uma vitória para você.
Também deve ser capaz de minimizar todas as solicitações PHP e acessos ao banco de dados.
Na prática, os requisitos desnecessários do PHP ficariam assim:
<título><?php bloginfo(‘nome’); ?> <?php bloginfo(‘descrição’);></ título>
<link rel = “ícone de atalho” type = “imagem / x-ico” href = “& lt?php bloginfo (‘template_url’); ?>/favicon.jpg “/>
<link rel = “stylesheet” type = “text / css” media = “screen” href = “<php bloginfo(‘stylesheet_url’); ?>“/>
<link rel = “stylesheet” type = “text / css” media = “print” href = “<php bloginfo(‘template_url’); ?>/print.css “/>
<link rel = “alternate” type = “application / rss + xml” title = “RSS .92” href = “<php bloginfo(‘rss_url’); ?>“/>
Em vez disso, eles devem ser convertidos em entradas html de texto regular, que podem ser algo assim:
<título> O nome do seu site WordPress< / título>
<link rel = “ícone de atalho” type = “image / x-ico” href = “http://nazovvasejdomeny.sk/wp-content/themes/sablona/favicon.jpg” />
<link rel = “stylesheet” type = “text / css” media = “screen” href = “http://nazovvasejdomeny.sk/wp-content/themes/sablona/style.css” />
<link rel = “folha de estilo” type = “text / css” media = “print” href = “http://nazovvasejdomeny.sk/wp-content/themes/sablona/print.css” />
<link rel = “alternate” type = “application / rss + xml” title = “RSS .92” href = “nazovvasejdomeny.sk/feed/rss/” />
Uma palavra no final
Se você leu até aqui, parabéns, porque havia muito. Mas agora você está muito melhor preparado para acelerar o carregamento da página do que a maioria das pessoas que têm um site WordPress.
Obviamente, você não precisa usar todos os procedimentos mencionados aqui. Comece com o que você pode. Certifique-se de não negligenciar a otimização de imagem, pois na maioria das vezes você pode economizar muito espaço.
Como alternativa, se você conhece outras maneiras de acelerar o carregamento da página, compartilhe-as nos comentários.
Was this article helpful for you? Support me by sharing, please. 👍
