Categorias

Speed Up WordPress Guide – Menos de 1,3 segundos tempo de carga [Mesmo em hospedagem barata]

A velocidade da página é um fator que pode ser medido precisamente com um monte de ferramentas gratuitas online.

Além disso, todo visitante, mesmo o não tecnicamente competente, podia sentir que um site está carregando rápido ou lento.

Hoje, a grande maioria dos usuários passa seu tempo online em aplicativos sociais populares, lendo notícias dos grandes sites de mídia online ou rolando memes em algum site engraçado.

A questão é que esses sites estão por trás de uma infraestrutura de um milhão de dólares, com seus próprios servidores poderosos fornecendo a melhor velocidade de carregamento possível.

Otimização de velocidade do WordPress

Este não é o caso de pequenas empresas e sites pessoais que estão hospedados em hospedagem compartilhada barata. Isso não significa, por padrão, que todos esses sites estão condenados a serem lentos desde o início.

Existem maneiras de acelerar o WordPress, mesmo que você use um servidor de hospedagem compartilhado barato.

Neste artigo, vou analisar alguns dos métodos que estou usando para acelerar WpCtrl.com e alcançar os números mostrados abaixo (note que estou usando um plano de hospedagem de US $ 5 como eu estou escrevendo isso).

teste de velocidade GTMetrix.com de wpctrl.com

Não é uma pontuação perfeita, mas estou muito satisfeito com os números.

Antes de aplicar os métodos que estou prestes a mostrar neste post, o mesmo teste de velocidade GTMetrix estava mostrando um tempo totalmente carregado de mais de 5 segundos e um tamanho de página de mais de 2MB.

Vamos direto para as correções que você pode aplicar ao seu site e ver os resultados imediatamente.

1. Obtenha uma hospedagem solid wordpress

Não vou entrar em muitos detalhes aqui. Você pode verificar meu outro artigo para uma revisão detalhada dos melhores provedores de hospedagem.

Você não pode estar errado com a maioria das empresas populares, mas eu posso sugerir as duas seguintes:

[título da caixa="" bg_image="https://wpctrl.com/wp-content/uploads/2019/12/hosting-bg.jpg" bg_image_pos="cover" align="left"]
Hospedagem hostinger

[ícone ícone="seta-direita" cor="#f26d1a"] A partir de $1,99/mês.

Profissionais

[ícone ícone="check-square" color="#0DA03B"] Melhor valor para o preço

[ícone ícone="check-square" color="#0DA03B"] Ferramentas especiais do WordPress

CONFIRA[/botão]

Hospedagem de Scala

[ícone ícone="seta-direita" cor="#f26d1a"] A partir de $3,95/mês.

Profissionais

[ícone icon="check-square" color="#0DA03B"] 1-Clique no Instalador wordpress

[ícone ícone="check-square" color="#0DA03B"] 7 Backups para os últimos 7 dias

CONFIRA[/botão]

[/caixa]

O que procurar

Estamos em 2020 e algumas coisas no setor de hospedagem agora vêm padrão, então não caia nos chamados bônus e recursos premium que as empresas trazem como algo excepcional. Coisas como – domínio gratuito, SSL grátis, backups gratuitos, SSD, migração gratuita do WordPress, cPanel são padrão agora, e devem ser incluídos em seu plano por padrão e não são algo premium.

Sua hospedagem e seu tema são as espinhas traseiras do seu site. Isso está nos levando ao segundo ponto.

2. Escolha um tema fast wordpress

Isso pode ser desagradável para aqueles de vocês, que já compraram um tema, e descobriram que não está carregando muito rápido, não importa o que você faça para otimizá-lo.

Não é como se você estivesse totalmente ferrado, você ainda pode aplicar algumas otimizações para acelerar o WordPress e seu site, mas o resultado final sempre será mediano.

Como Adrian Cojocariu observa neste post sobre como seu tema afeta SEO

Design feio pode assustar os usuários

Velocidade lenta levará os usuários à morte

Estrutura ruim vai quebra-cabeças mecanismos de busca

SE você olhar para os principais temas do WordPress vendidos no ThemeForest, todos eles ficam deslumbrantes visualmente. Mas quando você faz um teste de velocidade você dificilmente terá uma boa pontuação.

Esses temas geralmente vêm com um construtor de páginas (Elementor ou WPBakery Page Builder) com toneladas de recursos, elementos e opções personalizáveis.

Embora todas essas coisas sejam ótimas em termos de design e possibilidades, se o seu objetivo é ganhar tráfego orgânico e classificar-se no alto em SERPs, é melhor reconsiderar sua escolha de tema.

Minhas sugestões temáticas (para site de carregamento rápido)

NomePontuação de velocidadeDemo ao vivo
Rio Kwik⚡⚡⚡⚡ ⚡Leia a revisão
Rédea⚡⚡⚡⚡ ⚡Veja agora
Pessoal⚡⚡⚡⚡Veja agora
Topseo⚡⚡⚡⚡ ⚡Veja agora
Gutentype⚡⚡⚡Veja agora

E não importa o quão grande e poderoso você imagine que seu site seja, lembre-se que você começará com uma página em branco e zero conteúdo.

Todos esses widgets, menus ricos, seções interativas não significam nada se você não tiver conteúdo correspondente por trás deles.

Até agora uma coisa é certa – conteúdo é o que te coloca classificado nos resultados da pesquisa, o tema é apenas a 'maquiagem' do seu conteúdo. Não deve interferir com ele de forma alguma, mas enfatiza isso.

Os temas do WordPress têm uma opção chave, e você como proprietário de um site deve ter isso em mente quando você constrói seu site.

Seu design de página inicial. Você pode escolher para mostrar suas últimas postagens ou uma página estática. E isso tem muito a ver com a velocidade da sua página inicial.

Configurações de leitura do WordPress

Está localizado no menu Configurações > Leitura e define como sua página inicial será e funcionará.

Vamos explicar bem rápido qual é a diferença entre os dois.

Suas últimas postagens como seu nome sugerem mostrarão suas últimas postagens em um layout específico, com um trecho e a imagem em destaque do post. Alguns temas podem ter diferentes opções de layout para você escolher.

Embora a opção de página estática lhe dê a liberdade de projetar uma página personalizada, com base em suas necessidades e conteúdo. Normalmente, isso exigirá um construtor de páginas como Elementor ou WpBakery, ou você pode usar o editor interno de Gutenberg.

Qual é melhor e o que devo escolher?

É difícil dizer, ambos têm prós e contras, mas se você é novo em blogar e WordPress, escolha a opção de postagens mais recentes por enquanto.

Existem muitos blogs de sucesso que ainda estão usando essa abordagem (a minha também).

Em termos de velocidade, novamente depende, em que tipo de página personalizada você criará, ou quantas postagens você mostrará com a opção de postagens mais recentes.

Normalmente, as últimas postagens devem ter melhor desempenho em termos de velocidade, devido ao menor pedido e número de scripts sendo executados.

Agora vamos para a seção de plugins. Aqui está o que eu uso para acelerar o desempenho do WordPress.

3. Use um plugin de cache WordPress

Com apenas alguns cliques, desde a instalação até a ativação do seu Plugin de cache, você reduz o tempo de carga do seu site em mais de 50%!

Os melhores plugins de cache gratuitos agora são:

PluginDownload
WP-OptimizeVeja aqui
AutoptimizarVeja aqui
WP Super CacheVeja aqui
WP Cache mais rápidoVeja aqui
W3 Total CacheVeja aqui
Beija-florVeja aqui
LiteSpeed CacheVeja aqui

Conheça seu tipo de servidor!
Os tipos de servidor mais populares, que a maioria dos provedores de hospedagem usam são – LiteSpeed, Nginx e Apache.
O melhor cache acontece em um nível de servidor, com ferramentas fornecidas pelo seu host. Por exemplo, você deve usar o LiteSpeed Cache, apenas em servidores LiteSpeed.

O que eu uso no WPCtrl para acelerar o WordPress

Eu tentei muitos plugins de cache ao longo do tempo e o que funciona melhor para mim e entrega os melhores resultados é WP Fastest Cache.

Ele tem a configuração mais simples de todos os tempos, e ele faz o que é suposto fazer.

Aqui está minha configuração

Opções de cache mais rápidas do WP

Você tem que ter cuidado com todas as ações minificas e combinadas, elas podem quebrar partes do seu site e causar defeitos!

Se você usar um plano de hospedagem do SiteGround , experimente o plugin SG Optimizer Free. Proporciona a melhor otimização possível.

Melhores plugins premium de cache

Se você tem o orçamento, há alguns plugins pagos incríveis.

  • Foguete WP
  • WP-Optimize
  • Beija-flor

Desativar scripts desnecessários (onde eles não são necessários) para reduzir solicitações HTTP

Um dos fatores que reduzem a velocidade da página é o número de solicitações.

Resultados dos testes de GTMetrix.com

As solicitações estão sendo acumuladas com o número de plugins adicionados ao seu site wordpress, as imagens, arquivos CSS e outros scripts sendo executados em sua página ou post.

É uma boa ideia desativar alguns scripts, onde eles não são necessários.

Por exemplo, você pode ter uma página inicial construída com o criador de páginas Elementor, mas suas postagens são escritas usando o editor visual clássico ou blocos Gutenberg, mas os arquivos Elementor JS ainda são executados em suas páginas postais.

Você pode reduzir o número de solicitações e fazer suas postagens carregarem mais rápido quando você descarregar esses scripts onde você não precisa deles. E a boa notícia é que há um plugin grátis para este trabalho!

Baixe Asset CleanUp e instale-o.

Ligue o modo de teste das configurações.

Em seguida, vá para CSS & JS Manager, você tem a opção de escolher Página Inicial, Posts ou Páginas.

Comece pela página inicial. Aqui você pode descarregar todos os plugins como:

  • Blocos (a menos que sua home page seja construída por blocos de Gutenberg)
  • Quaisquer widgets que você exibir apenas em sua barra lateral de postagens (ícones sociais, Inscreva-se, etc.)

Por exemplo, uso blocos de Gênesis em meus posts e não preciso dele para minha página inicial.

Observe que um plugin pode ter mais de um script ou arquivo CSS.

Selecione ''Descarregue nesta página' – isso impedirá que o scrip carregue e reduza a velocidade da página inicial.

Eu também fiz isso com outros plugins que eu só uso nas minhas páginas de postagem.

Atualize e verifique sua página inicial, por precaução.

Próximos scripts de descarregamento de seus posts

Faça o mesmo para suas páginas de postagem, vá para CSS & JS Manager.

Digite algo para selecionar um post, realmente não importa qual post você está escolhendo, pois vamos procurar scripts e plugins que não são usados lá.

Aqui você pode selecionar plugins que você não está usando para criar seus posts, na maioria dos casos estes incluem:

  • Elementor, WPBakery, construtor de Castor, ou qualquer outro construtor de páginas.
  • Qualquer plugin que você usa apenas em sua página inicial

Encontre o que você não precisa e descarregue em todos os posts

Espero que tenha o ponto principal aqui. Você não precisa "carregar" esses scripts em todas as suas páginas quando você não usá-los.

Você sempre pode carregar os scripts novamente se encontrar algum problema causado por isso em suas páginas.

4. Use um CDN (Content Delivery Network)

Explicado simplesmente, o CDN armazena uma cópia do conteúdo do seu site em vários locais (servidores) em todo o planeta, para minimizar a distância entre seu visitante e seu servidor.

Se você tem um público mundial, o que definitivamente acontecerá se você escrever seu conteúdo em inglês, é melhor incluir um serviço de CDN em seu plano de jogo para acelerar ainda mais o WordPress.

Há um CDN gratuito chamado Cloudflare. Eu não gosto, você pode tentar se quiser.

O que eu uso e me custa apenas alguns centavos por mês é um serviço premium chamado BunnyCDN.

Painel BunnyCDN

Como você pode ver na imagem acima eu pago $0,0142 por um GB de dados servidos.

Todo o processo de configuração do BunnyCDN para trabalhar com o seu WordPress сите é muito fácil.

Baixe o plugin gratuito BunnyCDN e siga as instruções simples. Você definirá seu CDN em pouco tempo.

5. Não vá bananas em plugins

WordPress é popular com seu amplo repositório de plugins gratuitos. Há também toneladas de opções premium, em sites como CodeCanyon.

Como um jovem dono de site, você pode encontrar-se no lugar comum de pensar "para cada problema, há um plugin".

Plugins fazem um ótimo trabalho e há plugins essenciais que você deve ter.

Mas se sua lista de plugins crescer para um número superior a 20-30, você pode reconsiderar a exclusão de alguns deles para acelerar seu site.

6. Cuidado com os tamanhos da sua imagem – Otimize e comprima sua mídia

As imagens são o que mais acrescenta ao tamanho da sua página. Se você carregar fotos de 6MP, 5000 por 3000px em suas postagens, diretamente ao baixá-las de um site de imagens de ações, você dificilmente receberá uma boa pontuação de velocidade de página.

Redimensione sempre suas imagens de acordo com os tamanhos específicos do seu tema. Se o seu post tiver uma imagem ampla em destaque, use um tamanho não maior que 1920px de largura. Para suas imagens postas, 990px de largura é mais do que suficiente.

Criar versões WebP para suas imagens WordPress (JPG e PNG)?

WebP é um formato de imagem que fornece um tamanho de arquivo menor, tornando suas páginas mais rápidas.

Felizmente, desde o WordPress 5.8, a biblioteca de mídia suporta o formato de arquivo WepB, e você pode carregar esses arquivos e usá-los em suas postagens como jpeg e png.

Por que o WebP é importante para o SEO?

Em suma – é criado pelo Google, então o Google adora imagens WebP. O outro benefício são os tamanhos menores das imagens WebP, o que adicionaria alguns milissegundos ao tempo de carga da sua página.

Você pode usar um plugin para criar versões WebP de suas imagens jpg e png atuais ou converter suas imagens com antecedência em ferramentas como ezgif.com ou convertio.io.

Plugins WordPress para gerar imagens WebP

Se você estiver usando um plugin de cache premium, você pode pesquisar se há uma opção para gerar imagens WebP nas configurações (isso salvará a necessidade de instalar plugins adicionais).

Por exemplo, o LiteSpeed Cache oferece isso gratuitamente.

Vá para LiteSpeed Cache > Otimização de Imagem

Na guia de configurações de otimização de imagens, selecione

ativar imagens webp em LiteSpeed Cache

Em seguida, vá para a guia geral e siga os links para criar uma conta de QUIC.cloud gratuita e solicitar uma Chave de Domínio e adicioná-la ao campo

Otimizador de imagem EWWW para imagens webP

Este é outro popular plugin gratuito para otimização de imagem, que oferece conversão WebP.

Baixe o EWWW Image Optimizer, localize a "Conversão WebP" nas configurações e verifique a opção.

O que mais poderia ser?

👉 Use a ferramenta online TinyJPG para comprimir ainda mais suas imagens (sem piorar sua qualidade).

👉 Baixe um plugin como o Smush para otimizar automaticamente suas imagens no upload.

Às vezes você pode obter uma redução de 80-90%!

Economia total do administrador Smush WordPress

7. Otimize seu banco de dados WordPress

Não entre em pânico, sei que parece um pouco complicado, mas não é.

Eu uso o plugin gratuito WP-Optmize. Este plugin não só otimizará seu banco de dados, mas também fornecerá otimização de imagem e cache de página.

Apenas certifique-se de sempre criar um backup do seu banco de dados no caso de algo dar errado.

Ponto-chave

A velocidade do seu site não é apenas o número de segundos que leva para carregar. Hoje o tempo de carga é um fator importante na SEO e na experiência do usuário. Certifique-se de tomar medidas para otimizar suas páginas e conteúdo do WordPress. Você pode obter bons resultados sem investir uma tonelada de dinheiro.


How to Speed-up Your WordPress Website? Step-by-Step.

Step 1: Get a Good Hosting

If that’s still possible, and you haven’t already created your website on some crapy host, go for some of the recommended u003ca href=u0022https://wpctrl.com/wordpress-hosting-guide/u0022 target=u0022_blanku0022 aria-label=u0022 (opens in a new tab)u0022 rel=u0022noreferrer noopeneru0022 class=u0022rank-math-linku0022u003ehosting companiesu003c/au003e.

Step 2: Install a WordPress Caching Plugin

For non-tech savvies, I recommend u003ca href=u0022https://wordpress.org/plugins/wp-fastest-cache/u0022 target=u0022_blanku0022 rel=u0022noreferrer noopener nofollowu0022u003eWP Fastest Cacheu003c/au003e. The caching plugin can speed up your website with just a few clicks.

Step 3: Don’t install too many Plugins

More plugins mean more code and requests, and more code and requests mean a slower page load time. Keep it clean and use only well-known, good-rated plugins.

Step 4: Watch your file size

If your infobox has a placeholder for a 200×100 image, there is absolutely no need to upload a high-quality (1920×1080) image. Just open any image editor (Paint, u003ca aria-label=u0022photopea (opens in a new tab)u0022 class=u0022rank-math-linku0022 href=u0022https://www.photopea.com/u0022 target=u0022_blanku0022 rel=u0022noreferrer noopeneru0022u003ephotopeau003c/au003e, or Photoshop) and resize it to the needed size.u003cbru003eOther than that every time you upload a big image, try compressing it with free tools like u003ca aria-label=u0022TinyJPG (opens in a new tab)u0022 class=u0022rank-math-linku0022 href=u0022https://tinyjpg.com/u0022 target=u0022_blanku0022 rel=u0022noreferrer noopeneru0022u003eTinyJPGu003c/au003e or u003ca class=u0022rank-math-linku0022 href=u0022https://compressjpeg.com/u0022u003eCompressjpegu003c/au003e.

Disclosure: Some of the links on the page may contain a ref code (affiliate links), that tells the other side that we have sent you. If you liked what we suggest and you make a purchase, we may receive a commission.

WPCtrl.com