Posts

7 Plugins para Otimizar seu site WordPress

Em 2010, o Google anunciou oficialmente que a velocidade de carregamento de uma página interfere diretamente no ranqueamento dos mecanismos de busca.

E todos nós queremos ranquear melhor para trazer muito mais tráfego para o nossos sites, não é mesmo?

O fato é que a velocidade não é importante apenas para os mecanismos de busca, mas também para a experiência do usuário.

Melhorar o tempo de carregamento da sua página é bom também para os visitantes do seu site, garantindo que eles terão a melhor experiência possível.

Por exemplo, estudos revelaram que só um segundo a mais de demora no carregamento da sua página pode resultar em uma queda de 7% na conversão. Um segundo apenas parece não fazer diferença, mas significa muita coisa quando paramos para pensar sobre isso.

Existem vários outros motivos para diminuir o tempo de carregamento da sua página. Você pode conferir alguns deles nesse nosso texto sobre 6 Dicas para acelerar o seu site Joomla

Para aqueles que usam WordPress, existe uma vantagem competitiva. Nós não precisamos de muitas técnicas para implementar melhorias e ver avanços no tempo de carregamento de nossos sites

Isso tudo graças a grande quantidade e qualidade de Plugins desenvolvidos para WordPress para ajudar otimizar seu site. E o que torna tudo ainda melhor é que todos os plugins que selecionamos abaixo são de graça!

1. WP Smush.it

wp smush

Esse plugin é baseado no Yahoo Smush.it, um serviço que otimiza as imagens e remove os bytes desnecessários. Isto pode melhorar muito a velocidade de carregamento do seu site, porque reduz consideravelmente o tamanho das imagens, que, normalmente, é uma das partes mais demoradas do carregamento de uma página.

A maioria das ferramentas utiliza formatos que interferem na qualidade, mas nesse você consegue compactar sem notar nenhuma diferença.

Principais funções:

  • Tira a cor não utilizada das imagens
  • Tira os metadados dos JPEG’s (eles não influenciam na indexação)
  • Otimiza a compressão de JPEG
  • Integrado com a API Smush.it

 

2. WP Super Minify

wp super minify

A idéia de minify é combinar arquivos Javascript (JS), HTML e CSS para que eles possam ser compactados e entregues para os usuários, reduzindo a quantidade de dados a ser transmitida e o número de requisições de arquivos que seriam feitas para seu servidor, reduzindo, assim, o tempo de carregamento do site.

Vale a pena ressaltar que você precisa ser um pouco cuidadoso ao instalar esse tipo de plugin. Ele pode dar conflito com outros plugins instalados.

Mas o WP Super Minify te dá a opção de desabilitar a compressão no JavaScript e/ou CSS quando acontecer algum desses conflitos.

Principais Características.:

  • Compactar JavaScript, CSS e HTML
  • Opção de desabilitar a compressão em CSS/JavaScript
  • Bem direto e fácil de usar.

 

3. Plugin CDN GoCache

plugin gocache

Mas o que é uma CDN? CDN vem de Content Delivery Network, ou seja, Rede de Distribuição de Conteúdo. Ou seja, uma rede de computadores que armazena o conteúdo do seu site, em servidores espalhados por todo o Brasil (e mundo), entregando o conteúdo aos usuários do seu site a partir do servidor mais próximo e mais rápido.

Desta forma ele consegue acelerar muito o carregamento do seu site, especialmente para usuários que estão mais longe do seu servidor de hospadagem e também em momentos de pico de visitas em seu site.

Esta tecnologia tem sido cada dia mais usada e praticamente mandatória para quem deseja ter um site confiável e rápido.

O Plugin WordPress da GoCache é simples de instalar e irá garantir que, sempre que você atualizar algum dado em seu WordPress, ele será imediatamente atualizado em toda a rede de servidores da CDN.

Principais Características.:

  • Fácil de Instalar
  • Remove da Cache da CDN, automaticamente, os arquivos atualizados em seu WordPress

 

4. WP Fastest Cache

wp fastest cache

WP Fastest Cache vem com um ótimo conjunto de recursos e é muito fácil de usar.

Alguns plugins são muito básicos, outros são muito avançados – o desenvolvedor deste plugin definitivamente encontrou o meio termo.

Basta instalar, ativar e executar as configurações. Em seguida, clique em salvar e você está pronto para usar.

Neste plugin, gostamos especialmente de como é fácil definir prazos para limpar o cache de URLs específicas.

E fica melhor: esse plugin é usado por mais de 200 mil pessoas e recebe ótimas críticas no WordPress.org.

Principais características:

  • Configuração simples
  • Com 1 click você consegue limpar o cache ou o CSS
  • Redução de CSS e HTML
  • Defina posts / páginas para excluir
  • Configurar tempo programado para posts/páginas ou até URL expirarem.
  • Versão Premium com configurações extras

 

5. WP Super Cache

wp super cache

Esse é um dos plugins mais baixados dessa lista.

Você consegue fazer toda a configuração inicial para ajudar a otimizar site wordpress, mas existem algumas outras funções que só ficam disponíveis para usuários premium.

Principais configurações:

  • Suporte para vários tipos de caches (Mod_Rewrite, PHP and Legacy)
  • Servidor para arquivos em html
  • Cache pré carregado

 

6. W3 Total Cache

w3 total cache

Este é outra ferramenta muito popular para acelerar a velocidade do seu site. Ele é mais que um simples plugin, é uma ferramenta completa.

Há uma grande variedade de opções e vários métodos de limpeza de cache.

Mas, a verdade é que por ter tantas opções assim, não é tão simples de mexer. E se você não sabe o que está fazendo, pode quebrar sua página. Por isso a  maioria dos usuários que usam esse plugin já tem um conhecimento avançado sobre como otimizar site wordpress.

Features:

  • Armazenamento em Cache
  • Armazenamento em banco de dados
  • Armazenamento de objetos
  • Opção de compactar
  • E muito mais

 

7. BZ Lazy Load

lazy load

Geralmente quando um usuário visita o seu site e tenta abrir uma página, o site faz o download da página inteira.

Se for uma página muito grande e com muitas imagens isso pode levar muito tempo para terminar.

A verdade é que você não precisa necessariamente da página inteira fazendo download ao mesmo tempo, especialmente as imagens que utilizam a maior parte do tempo de download.

A ideia dos “downloads preguiçosos” é fazer download do elemento específico quando ele realmente for necessário.

Principais funções:

  • Substituir imagens de posts, avatares e thumbnails
  • Substitui iframes de conteúdo por um espaço reservado até o conteúdo precisar ser carregado
  • Usa jQuery para carregar assincronamente.
  • Compacta imagens sem comprometer a qualidade do design.

 

Bonus: 6 melhores ferramentas para testar a velocidade do seu site

Essa publicação é sobre os plugins que você pode utilizar para melhorar a velocidade de carregamento do seu site, fazendo caches de conteúdo, utilizando CDN, diminuindo imagens e postergando o carregamento de elementos pesados.

Mas achamos também é importante compartilhar com vocês algumas ferramentas, além de plugins, para que possa usar para medir a velocidade do seu site.

Esses tipos de ferramentas são mais simples e on-line, sem necessidade de instalar nada. Funcionam apenas colando a URL do seu site dentro do local indicado e executando o teste.

Aqui vão 5 ferramentas para você começar:

Junte tudo isso

Se você está lutando para entender como otimizar um site wordpress e melhorar o tempo de carregamento da sua página, basta instalar alguns destes plugins e logo vai ver uma melhoria considerável no carregamento do seu site.

É importante ressaltar que você não deve se empolgar muito e instalar tudo isso. Apenas instale o que você precisa e lembre-se de que, às vezes, menos é mais. Com certeza existem outras formas de acelerar o carregamento do seu site, mas alguns desses plugins definitivamente são uma ótima maneira de começar.

, , ,

Como Otimizar meu Site? 1o. Otimizando Imagens e Fotos…

Por que otimizar meu site?

Sabemos que atualmente o tempo que seu site leva para carregar é algo muito importante, tanto para os mescanismos de busca (SEO), como o Google, como para a experiência do usuário na sua webpage. Uma pagina rápida é mais agradável e gera maior engajamaneto de seus visitantes.

Mas quais são os pontos mais importantes para Otimizar o seu site? Veja abaixo uma checklist dos itens que você sempre deve olhar. Iremos trabalhar cada um deles em diferentes artigos:

1) Otimizar Imagens (neste artigo)
2) Otimizar Scripts (próximos artigos)
3) Otimizar Hospedagem (próximos artigos)

Otimizando as Imagens:

Normalmente as imagens são a parte mais pesada no carregamento de um site e existem alguns principais pontos para você otimizar:

1) A resolução das imagens:

A imensa maioria dos monitores atuais utiliza a resolução de 1366×768 pixels, podendo chegar a até 1920×1080.
Em celulares isso é ainda menor: mesmo os celulares com displays do tipo “retina”, com altíssima resolução, utilizam o que chamamos de resoluções virtuais, que é a adaptação da resolução real para uma resolução que você conseguirá ver confortavelmente em uma tela pequena (você não conseguiria ler nada se seu celular apresentar as páginas com mais de 1000 pixels de resolução). Desta forma, a resolução virtual usada em celulares é de “somente” 360×640 pixels.

Então, qual é o sentido de colocar aquelas fotos da sua super câmera com 10 ou 20 megapixels?
Isso é algo por volta de 6000×3000 pixels… Essas fotos são enormes e não serão aproveitadas pelo monitor ou display do celular.

Por isso, antes de fazer upload, verifique que tamanho você quer suas fotos na tela. Se forem ocupar meia tela, pense em redimensioná-las para 600 pixels de largura. Se for tela inteira, 1200 ou 1500 pixels já é mais que suficiente.
Essa simples alteração na resolução poderá deixar suas imagens de 4 a 10 vezes menores, portanto, de 4 a 10 vezes mais rápidas para carregar.

2) Tipo de Imagens: Devo usar PNG ou JPG?

O dois formatos mais usados para exibir imagens em site são: JPG e PNG. Mas qual a diferença entre JPEG e PNG? Qual você deve usar e quando?

Resumidamente, fotos ou imagens complexas, com muitas cores, normalmente devem utilizar o formato JPEG, pois é o que consegue maior compressão nesses casos e com perdas pouco perceptíveis (O JPEG é um formato que admite alguma perda de qualidade para aumentar a compressão).

Já se você precisa de imagens com regiões transparentes ou com poucas cores chapadas, você deve optar pelo formato PNG, mais específico para esses casos, pois suporta transparências e não há perda de qualidade. Esse formato é muito utilizado, por exemplo, para Logotipos ou desenho simples.

Veja abaixo um teste com JPEG. A imagem original deste gatinho fofo, em minha câmera fotográfica, tem uma tamanho de 4 Megabytes, usando a resolução de 5000×3330 pixels.

Quando redimensionei a foto para o tamanho que desejo exibi-la na tela, ou seja, aprox.  500×333, eu já reduzi em 10 vezes sua largura e sua altura.
Em seguida, salvei a foto nos dois formatos para compararmos a qualidade e os tamanhos resultantes.

imagem gato sem otimizar
gato.PNG – 315KBytes
imagem gato otimizada
gato.JPG – 76KBytes

O formato .PNG gastou 315KBytes, ou seja, mais de 12 vezes menor que a foto no tamanho original. Já o formato JPEG gastou apenas 76KBytes, ou seja 50 vezes menos que a foto original!!!!

Acho que nem precisamos de mais argumentos, ficou claro que você deve usar o formato JPG nesse caso, não?

Agora vamos para nosso segundo teste. Vamos comprimir um logotipo.

Logo de início, se você precisar de áreas transparentes na sua imagem, obrigatoriamente deverá utilizar o formato PNG, pois o JPEG não suporta transparências. Mas vamos supor que utilizará seu logotipo em um site com fundo branco (ou outra cor simples), então poderia talvez utilizar o formato .JPG

Salvamos abaixo o mesmo logotipo nesses dois diferentes formatos. Veja os resultados:

imagem gocache sem otimizar
logo_gocache.JPG – 27KBytes
imagem gocache otimizada
logo_gocache.PNG – 19KBytes

Escolhemos um alto grau de compressão para o arquivo JPG, pra ver se ele conseguiria competir com o PNG. Isto não resolveu o problema de tamanho, pois o JPG continuou maior, e ainda piorou a qualidade da imagem (veja que está um pouco quadriculada e embaçada).

Já o PNG é um algoritmo LossLess, ou seja, sem perdas de qualidade da imagem e, mesmo assim, conseguiu comprimir muito mais que o JPG. Além disso, de brinde, pudemos utilizar o fundo transparente para nosso logotipo.

Mas vamos confessar, algumas vezes ainda não será claro qual formato utilizar, então se você tiver tempo tente os dois formatos, faça a recompressão como mostraremos na próxima seção, e escolha o que ficar melhor.

Veja, por exemplo, a imagem que chamamos de “panda” e que foi utilizada na próxima seção, inicialmente ficou menor usando .JPG, mas quando recomprimimos, a versão em .PNG foi a que venceu.

processo de otimizacao

3) Recompressão das Imagens:

Nos testes feitos acima, utilizamos o programa Photoshop para gravar as imagens nos formatos .JPG e .PNG, utilizando o algoritmo padrão de compressão, existente neste software.

No entanto, existem softwares específicos para comprimir imagens para a internet. Eles e conseguem recomprimir consideralvemente as imagems, pois utilizam algoritmos específicos e também removem qualquer informação desnecessária que esteja nos arquivos.

Veja os resultados que conseguimos com nossas imagens anteriores, utilizando o site http://tinypng.com

processo de compressao

Conseguimos reduzir ainda em 30% a nossa já super comprimida foto do gatinho laranja (JPG). E reduzimos em quase 3 vezes, ou seja, 300%, a imagem do logotipo da GoCache (PNG).

Como havíamos comentado, sempre que estiver em dúvida sobre usar PNG ou JPG, faça o teste com os dois. Sobre essa imagem acima, com o Panda, esperávamos que teríamos o melhor resultado utilizando o formato JPG. Isto até foi verdade quando salvamos no Photoshop, mas quando recomprimimos no TinyPNG, olhem só a surpresa: o PNG ficou muuuito menor.

png ou jpg

 

4) Evite carregar imagens que não serão exibidas:

Muitas vezes nossas página tem bastante conteúdo e, por isso, algumas imagens só são exibidas quando rolamos a página para baixo.

No entanto, mesmo que sejam raramente exibidas, as imagens que estão mais “pra baixo” no texto geralmente serão desnecessariamente carregadas. Isto deixa sua página lenta e gasta banda do seu servidor.

No entanto, pra evitar isso, existe uma técnica chamada Lazy Load, que só carrega as imagens quando eles forem realmente ser exibidas para seus visitantes.

Existem vários scripts na internet para fazer o Lazy Load de imagens. Dê uma procurada no Google por “Lazy Load” para saber mais!

 

5) Configurar a Cache das Imagens

Existe um recurso onde você consegue pedir para o navegador de seu visitante guardar as imagens de seu site em disco (cache). Desta forma, quando seu cliente voltar a visitar seu site, o navegador não precisará de baixar novamente as imagens, pois elas já foram armazenadas na última visita. Isso acelera muito o carregamento de um site.

Se o servidor web do seu site utilizar Apache, é bem simples configurar isto, bastando colocar as linhas abaixo no arquivo .htaccess, que fica na raiz da pasta onde estão seus arquivos de internet:

<filesMatch "\.(gif|jpg|jpeg|png)$">
ExpiresDefault A604800
Header append Cache-Control "public"
</filesMatch>

6) Utilizar uma CDN

Por fim, um recurso que tem sido muito utilizado para otimizar sites, acelerando o carregamento das imagens, são as chamadas CDNs, ou Content Delivery Network.

Resumidamente, uma CDN é uma rede de computadores, espalhados pelo mundo, que armazenam o conteúdo do seu site (incluindo imagens) e, quando um visitante tentar entrar em seu site, será atendido por um computador mais próximo e mais rápido. Clique na imagem abaixo para entender melhor:

o que é cdn?

Além disso, as CDNs já configuram automaticamente recursos como Cache e Compressão de Imagem, para facilitar sua vida e otimizar seu site.

Veja esse artigo para saber em detalhes os benefícios que o uso de uma CDN trazem ao seu site.

 

Em breve a segunda parte desta série, otimização de scripts!

, ,

Dicas pra acelerar seu WordPress

Você deseja acelerar o seu site WordPress? As páginas com carregamento rápido melhoram a experiência do usuário, aumentam suas visualizações de página e ajudam no seu SEO. Neste artigo, compartilharemos as dicas de otimização de velocidade do WordPress mais úteis para impulsionar o desempenho e acelerar seu site.

wordpress rapido

Ao contrário de outras listas, este artigo é um guia completo para otimização de desempenho do WordPress.

Nós incluímos tudo, desde porque a velocidade é importante, o que retarda o seu site WordPress e dicas que podem ser tomadas para melhorar a velocidade do seu WordPress imediatamente.

Para facilitar, criamos um índice para ajudá-lo a navegar pelo nosso guia final para acelerar o seu site WordPress.

Índice

Noções básicas sobre o desempenho do WordPress

Acelerando o WordPress em etapas fáceis (sem codificação)

Melhores práticas de otimização de desempenho do WordPress

Ajuste fino do WordPress para Velocidade ?(Avançado)

Por que a velocidade é importante para o seu site WordPress?

Os estudos mostram que, de 2000 a 2016, o alcance médio da atenção humana caiu de 12 segundos para 7 segundos.

O que isso significa para você como proprietário do site?

Você tem muito pouco tempo para mostrar aos usuários o seu conteúdo e convencê-los a permanecer no seu site.

Um site lento significa que os usuários potencialmente deixarão seu site antes mesmo de carregar.

De acordo com um estudo de caso que envolveu a Amazon, o Google e outros sites maiores, um atraso de 1 segundo no tempo de carregamento da página pode levar a uma perda de 7% nas conversões, 11% menos visualizações de página e 16% de redução na satisfação do cliente.

perda de conversoes

Além disso, o Google e outros mecanismos de pesquisa já começaram a penalizar os sites mais lentos, pressionando-os nos resultados de pesquisa, o que significa menor tráfego para sites lentos.

Para resumir, se você quiser mais tráfego, assinantes e receita do seu site, então você deve tornar seu site WordPress mais rápido!

 

Como verificar a velocidade do seu site WordPress?

Muitas vezes, os iniciantes pensam que seu site está correto, só porque não parece lento em seu computador. Isso é um grande erro.

Como você freqüentemente visita o seu próprio site, navegadores modernos como o Chrome armazenam seu site em cache e automaticamente o exibem assim que você começar a digitar um endereço. Isso faz com que seu site seja carregado quase que instantaneamente.

No entanto, um usuário normal que está visitando seu site pela primeira vez pode não ter a mesma experiência.

Na verdade, os usuários em diferentes locais geográficos terão uma experiência completamente diferente.

É por isso que recomendamos que você teste a velocidade do seu site usando uma ferramenta como o Pingdom .

É uma ferramenta online gratuita que permite testar a velocidade do seu site em diferentes locais.

O problema com o Pingdom é que ele não possui teste do Brasil. Para testar em território nacional sugerimos o ISPTools:

isptools

 

Depois de executar o teste de velocidade do seu site, você pode estar se perguntando o que é uma boa velocidade para seu site WordPress?

Um bom tempo de carregamento da página é inferior a 2 segundos.

No entanto, quanto mais rápido você conseguir, melhor será. Alguns milissegundos de melhorias aqui e alí podem somar-se reduzindo em meio ou mesmo um segundo o carregamento da sua página.

O que retarda o seu site WordPress?

Seu relatório de teste de velocidade provavelmente terá várias recomendações para melhoria. No entanto, a maioria disso é jargão técnico, que é difícil para os iniciantes entenderem.

No entanto, entender o que retarda o seu site é fundamental para melhorar o desempenho e tomar decisões mais inteligentes a longo prazo.

As principais causas de um site WordPress lento são:

  • Web Hosting – Quando seu servidor de hospedagem na web não está configurado corretamente, pode prejudicar a velocidade do seu site.
  • Configuração do WordPress – Se o seu site WordPress não estiver com páginas em cache ou em uma CDN, ele irá sobrecarregar seu servidor, fazendo com que seu site seja lento ou falhe completamente.
  • Tamanho da página – Principalmente imagens que não são otimizadas para a web.
  • Plugins ruins – Se você estiver usando um plugin mal codificado, pode diminuir significativamente a velocidade o seu site.
  • Scripts externos – Os scripts externos, como anúncios, carregadores de fontes, etc., também podem ter um enorme impacto no desempenho do seu site WordPress.

Agora que você sabe o que retarda o seu site WordPress, vamos dar uma olhada em como acelerá-lo.

Importância de uma boa hospedagem WordPress

Seu serviço de hospedagem WordPress desempenha um papel importante na performance do site. Um bom provedor de hospedagem compartilhada, é super importante para o desempenho.

No entanto, na hospedagem compartilhada você compartilha os recursos do servidor com muitos outros clientes. Isso significa que, se o seu site vizinho receber um monte de tráfego, isso pode afetar todo o desempenho do servidor, o que, por sua vez, irá atingir o seu site.

Por outro lado, o uso de um serviço gerenciado de hospedagem do WordPress oferece as configurações de servidor mais otimizadas para executar o WordPress. As empresas de hospedagem gerenciadas 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.

Acelerando o WordPress em etapas fáceis (sem codificação)

Sabemos que fazer mudanças na configuração do seu site pode dar medo aos iniciantes, especialmente se você não é um técnico-geek-nerd.

Mas não se preocupe, você não está sozinho. Vamos mostrar-lhe como você pode acelerar o seu site WordPress com apenas alguns cliques (nenhuma codificação necessária).

Se você sabe ler e clicar, você pode fazer isso! rsrs

Instale um plugin de cache do WordPress

As páginas do WordPress são “dinâmicas”. Isso significa que elas são criadas sempre que alguém visita uma postagem ou página em seu site. Para construir suas páginas, o WordPress deve executar um processo para encontrar as informações necessárias, juntar tudo e, em seguida, exibi-lo para o seu usuário.

Este processo envolve muitos passos e pode realmente diminuir a velocidade do seu site quando você tem várias pessoas que visitam seu site de uma só vez.

É por isso que recomendamos que cada site do WordPress use um plugin de cache. O cache pode deixar o seu site WordPress de 2x a 5x mais rápido.

Veja como funciona: em vez de passar por todo o processo de geração de páginas toda vez, seu plugin de cache faz uma cópia da página após a primeira execução e, em seguida, entrega essa versão em cache para cada usuário seguinte.

Como você pode ver no gráfico acima, quando um usuário visita o seu site WordPress, que é criado usando o PHP, seu servidor recupera informações de um banco de dados MySQL e, em seguida, é tudo reunido em um conteúdo HTML, que será entregue ao usuário. É um processo longo e pesado, mas você pode pular evitar de fazer repetitivamente, quando utiliza cache.

Existem muitos plugins de cache disponíveis para o WordPress, mas recomendamos o uso do plugin WP Super Cache. Não é difícil configurar, e seus visitantes notarão a diferença.

Nota: Se você estiver usando um provedor de hospedagem gerenciado do WordPress , não precisa de um plugin de cache porque ele cuida dele por você.

Comprimir imagens para aumentar velocidade

super speed

As imagens dão vida ao seu conteúdo e ajudam a estimular o engajamento. Os pesquisadores descobriram que o uso de imagens coloridas torna as pessoas 80% mais propensas a ler seu conteúdo.

Mas se suas imagens não estão otimizadas, elas podem estar atrapalhando mais que ajudando. Na verdade, imagens não otimizadas são uma das questões de velocidade mais comuns que vemos nos sites iniciantes.

Antes de enviar uma foto diretamente do seu telefone ou câmera, recomendamos que você use o software de edição de fotos para otimizar suas imagens para a web.

Em seus formatos originais, essas fotos podem ter enormes tamanhos de arquivo. Mas com base no formato do arquivo de imagem e na compactação que você escolhe no seu software de edição, você pode diminuir o tamanho da imagem em até 5x.

Normalmente usamos apenas dois formatos de imagem: JPEG e PNG.

Agora você pode estar se perguntando: qual é a diferença?

Bem, o formato de imagem PNG usa um método de “Compactação Sem Perdas” (lossless). Este tipo de imagem terá maior qualidade, com mais detalhes. A desvantagem é que o tamanho de arquivo será maior, por isso leva mais tempo para carregar.

JPEG , por outro lado, é um formato de arquivo comprimido com perdas, que reduz ligeiramente a qualidade da imagem, mas é significativamente menor em tamanho.

Então, como podemos decidir qual formato de imagem escolher?

  • Se nossa foto ou imagem tiver muitas cores diferentes, usamos JPEG.
  • Se é uma imagem mais simples ou precisamos de uma imagem transparente, então usamos PNG.

A maioria das imagens são JPEG.

Abaixo está um gráfico de comparação dos tamanhos dos arquivos e da ferramenta de compressão que poderíamos ter usado para a imagem usada no início deste texto.

Como você pode ver no gráfico, o formato de imagem que você usa pode fazer uma diferença ENORME no desempenho do seu site.

 

Melhores práticas de otimização de desempenho do WordPress

Depois de instalar um plugin de cache e otimizar suas imagens, você notará que seu site começará a carregar muito mais rápido.

Mas se você quiser manter seu site o mais rápido possível, você precisará usar as melhores práticas listadas abaixo.

Essas dicas não são muito técnicas, então você não precisa saber nenhum código para implementá-las. Mas usá-las irá evitar problemas comuns que diminuem o desempenho do seu site.

Mantenha seu site WordPress atualizado

wordpress atualizado

Como um projeto open source bem mantido, o WordPress é atualizado com freqüência. Cada atualização não só oferecerá novos recursos, mas também corrigirá problemas de segurança e erros. Seu tema WordPress e plugins também podem ter atualizações regulares.

Como proprietário, é sua responsabilidade manter seu site, tema e plugins do WordPress atualizados para as versões mais recentes. Não fazer isso pode tornar o seu site lento e não confiável, e torná-lo vulnerável a ameaças de segurança.

 

Use trechos do texto na página inicial

Por padrão, o WordPress exibe o conteúdo completo de cada artigo em sua página inicial. Isso significa que sua página inicial, categorias, tags e outras páginas de arquivo serão carregadas mais devagar.

Outra desvantagem de mostrar artigos completos é que os usuários não sentem a necessidade de visitar o artigo. Isso pode reduzir suas visualizações de página e o tempo que seus usuários gastam em seu site.

Para acelerar o tempo de carregamento das páginas, você pode configurar seu site para exibir trechos do texto em vez do conteúdo completo.

Você pode navegar até Configurações »Leitura e selecionar mostre: “Resumo” em vez de “Texto Completo”.

rss feeds

 

Dividir comentários em páginas

Está recebendo muitos comentários em suas postagens no WordPress? Parabéns!  Esse é um ótimo indicador de uma audiência engajada e da qualidade dos seus textos.

Mas a desvantagem é: carregar todos esses comentários pode afetar a velocidade do seu site.

O WordPress vem com uma solução integrada para isso. Basta acessar Configurações »Discussão e marque a caixa ao lado da opção “Desligar comentários em páginas “.

comentarios limitados

 

 

Use uma rede de entrega de conteúdo (CDN)

Lembra-se de que, como mencionamos acima, usuários em diferentes locais geográficos podem ter diferentes tempos de carregamento em seu site?

Isso ocorre porque a localização dos seus servidores de hospedagem na web pode afetar a velocidade do seu site. Por exemplo, digamos que sua empresa de hospedagem web tem seus servidores nos Estados Unidos. Um visitante que também está nos Estados Unidos geralmente verá tempos de carregamento mais rápidos do que um visitante no Brasil. Isto é devido ao impacto da distância no tempo de carregamento, quanto mais longe o servidor, mais demorado.

O uso de uma CDN, ou Rede de entrega de conteúdo, pode ajudar a acelerar o tempo de carregamento de todos os seus visitantes.

Uma CDN é uma rede composta de servidores em todo o mundo. Cada servidor irá armazenar arquivos “estáticos” ou mesmo conteúdos dinâmicos de seu site. Os arquivos estáticos são arquivos imutáveis, como imagens, CSS e JavaScript. Já o conteúdo dinâmico, são os que são criados utilizando os dados do seu banco de dados, como falamos anteriormente.

cdn

Não são todas as CDNs que possuem a tecnologia para cache de conteúdo dinâmico, então vale a pena olhar com calma qual utilizar. Isto permitirá potencializar o uso da cache em seu sistema e reduzir o uso de processamento dos servidores.

Quando você usa uma CDN, toda vez que um usuário visita seu site, ele é atendido pelo servidor que estiver mais próximo. O seu próprio servidor de hospedagem também ficará mais rápido, já que a CDN estará fazendo a maior parte do trabalho pesado.

A GoCache, além do Smartcache para conteúdo dinâmico, ainda possui um plugin WordPress, para melhorar o desempenho ao máximo e facilitar o uso da CDN.

Aproveite e assista a este vídeo, que explica como uma CDN pode de ajudar a melhorar seu site: https://www.youtube.com/watch?v=WKxS_spzMOE

 

Não carregue vídeos diretamente para o WordPress

youtube

Você pode enviar vídeos diretamente para o seu site WordPress, que os exibirá automaticamente em um player HTML5… Mas você nunca deve fazer isso!

Hospedar vídeos gastará sua banda de dados. A empresa de hospedagem poderá cobrar você por excesso de uso de banda, ou eles podem até mesmo desligar seu site, se você ultrapassar o limite de banda contratado.

Os vídeos de hospedagem também aumentam enormemente o seu tamanho de backup e dificulta a restauração do WordPress a partir do backup .

Em vez disso, você deve usar um serviço de hospedagem de vídeo como o YouTube, o Vimeo, o DailyMotion, etc., e deixá-los cuidar do trabalho árduo. Eles têm a largura de banda e estrutura para isso!

O WordPress possui um recurso de incorporação de vídeo, para que você possa copiar e colar o URL do seu vídeo diretamente em sua postagem.

 

 

Use um tema otimizado para velocidade

temas wp

Ao selecionar um tema do WordPress para o seu site, é importante prestar especial atenção à otimização de velocidade. Alguns temas bonitos e de aparência impressionante são mal codificados e podem diminuir a velocidade do seu site.

Geralmente, é melhor usar um tema mais simples e usar plugins de qualidade para obter os recursos visuais que você precisa, invés de escolher um tema pesado, com layouts complexos, animações chamativas e outros recursos desnecessários.

As lojas de temas premium do WordPress, como os temas StudioPress , Themify e Array, oferecem temas bem codificados e otimizados para velocidade.

 

Use um plugin de slider mais rápido

Os controles deslizantes – sliders – são outro elemento de design comum que pode tornar seu site lento.

Mesmo que suas imagens sejam otimizadas, conforme descrito anteriormente, um plugin de slider mal codificado significará que todo seu trabalho está desperdiçado.

Comparamos os melhores plugins slider do WordPress, para desempenho e uso de recursos, e o Soliloquy foi o mais rápido de longe.

Veja as comparações de plugins de slider abaixo.

Plugin do Slider Tempo de carregamento da página solicitações Tamanho da página
Solilóquio 1,34 segundos 26 945 KB
Nivo Slider 2,12 segundos 29 1 MB
Meteoro 2,32 segundos 27 1,2 MB
Slider de revolução 2,25 segundos 29 1 MB
LayerSlider 2,12 segundos 30 975 KB

 

Use um plugin de galeria mais rápido

Se você tem um site de fotografia ou um portfólio , então você provavelmente deseja usar um plugin de galeria de imagens para exibir suas fotos.

É realmente importante que você use um plugin de galeria WordPress otimizado para velocidade.

Recomendamos o uso da Galeria Envira (ou Envira Gallery) , que é o melhor plugin de galeria do WordPress no mercado. Ele permite que você crie belas galerias de imagens que são rápidas para serem carregadas.

Nós testamos sua velocidade em comparação com alguns outros plugins de galerias e descobrimos que a Envira Gallery é quase duas vezes mais rápido:

Plugin da galeria Tempo de carregamento da página solicitações de Tamanho da página
Envira Gallery 1,08 segundos 24 1 MB
Foo Gallery 1,89 seg 23 357.1KB
Next Generation 1,88 segundos 33 518KB

 

Ajuste Fino no WordPress para Velocidade (Avançado)

Usando as melhores práticas de otimização do WordPress e as dicas de velocidade básicas listadas acima, você deve ver uma grande melhoria no tempo de carregamento do seu site.

Mas cada fração de segundo conta. Se você quiser obter ainda mais velocidade, você precisará fazer mais algumas mudanças.

As dicas a seguir são um pouco mais técnicas, algumas exigindo que você modifique os arquivos do seu site ou tenha uma compreensão básica de PHP. E você deve fazer backup do seu site antes de começar essas mudanças.

 

Dividir mensagens longas nas páginas

Os leitores tendem a amar as postagens de blog que são mais longas e mais aprofundadas. Postagens mais longas tendem a classificar melhor nos mecanismos de busca, como o Google.

Mas se você estiver publicando artigos longos e com muitas imagens, isso pode prejudicar a velocidade de carregamento de suas páginas.

Em vez disso, considere dividir suas postagens mais longas em várias páginas.

O WordPress vem com funcionalidades integradas para fazer isso. Simplesmente adicione a tag <!––nextpage––> em seu artigo, onde você deseja dividi-lo. Faça isso novamente se você quiser dividir o artigo para a próxima página também.

 

Reduzir solicitações HTTP externas

Muitos plugins e temas do WordPress carregam arquivos de outros sites. Esses arquivos podem incluir scripts, folhas de estilo e imagens de recursos externos como Google, Facebook, serviços de análise e assim por diante.

Está OK utilizar alguns destes arquivos externos, pois muitos desses arquivos são otimizados para serem carregados o mais rápido possível, por isso é mais rápido utilizá-los externamente do que hospedá-los em seu próprio site.

Mas se seus plugins estão fazendo muitos desses pedidos externos, isso poderá diminuir a velocidade do seu website significativamente.

Você pode reduzir todas essas solicitações HTTP externas desativando scripts e estilos ou mesclando-os em um único arquivo.

 

Reduzir chamadas de banco de dados

banco de dados WP

Nota: Esta etapa é um pouco mais técnica e exigirá conhecimento básico de PHP e WordPress .

Infelizmente, existem muitos temas de WordPress mal codificados. Eles ignoram as práticas padrão do WordPress e acabam fazendo chamadas de banco de dados diretas ou muitos pedidos desnecessários para o banco de dados. Isso pode realmente diminuir a velocidade do seu servidor, dando muito trabalho para fazer.

Mesmo os temas bem codificados podem ter um código que faça chamadas no banco de dados apenas para obter as informações básicas do seu blog.

Neste exemplo, toda vez que você vê <?php , esse é o início de uma nova chamada de banco de dados:

<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php language_attributes(); ?>">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?> 
charset=<?php bloginfo('charset'); ?>" />

Você não pode culpar os desenvolvedores de temas por isso. Eles simplesmente não têm outra maneira de descobrir em que idioma seu site está.

Mas se você estiver personalizando seu site usando um tema simples, então você pode substituir essas chamadas de banco de dados por suas informações específicas, reduzindo todas essas chamadas de banco de dados.

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Revise seu tema principal e veja códigos como estes que podem ser facilmente substituídas por informações estáticas.

Lembrando novamente, que o uso de CDN para arquivos dinâmicos, pode também resolver este mesmo problema, mas de forma mais simples, como explicado aqui

 

Otimize o banco de dados do WordPress

Depois de usar o WordPress por um tempo, seu banco de dados terá muitas informações que você provavelmente não precisa mais. Para melhorar o desempenho, você pode otimizar seu banco de dados e se livrar de todas essas informações desnecessárias.

Isso pode ser facilmente gerenciado com o plugin WP-Sweep .Ele permite que você limpe seu banco de dados do WordPress excluindo coisas como postagens destruídas, revisões, tags não utilizadas, etc. Também otimizará a estrutura do seu banco de dados com apenas um clique.

 

Limite de revisões de postagem

Revisions in WordPress

As revisões posteriores ocupam espaço em seu banco de dados WordPress. Alguns usuários acreditam que as revisões também podem afetar algumas consultas de banco de dados executadas por plugins. Se o plugin não exclui especificamente as revisões de postagem, poderá diminuir a velocidade do seu site, pesquisando-os desnecessariamente.

Você pode facilmente limitar o número de revisões que o WordPress mantém para cada artigo. Basta adicionar esta linha de código ao seu arquivo wp-config.php.

define( 'WP_POST_REVISIONS', 4 );

Este código limitará o WordPress para salvar suas últimas 4 revisões de cada publicação ou página e descartar as revisões antigas automaticamente.

 

Desativar Hotlinking e Leaching de seu Conteúdo

roubo de arquivos

Se você estiver criando conteúdo de qualidade no seu site WordPress, a verdade triste é que provavelmente será roubado mais cedo ou mais tarde.

Uma maneira que isso acontece é quando outros sites usam suas imagens diretamente de seus URLs, em vez de colocá-las em seus próprios servidores. Na verdade, eles estão roubando a sua banda de hospedagem na web, você pagará por este gasto e não receberá nenhum tráfego.

Basta adicionar este código ao seu arquivo .htaccess para bloquear o hotlinking de imagens do seu site WordPress.

#disable hotlinking of images with forbidden or custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?wpbeginner.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L] 

Nota: Não se esqueça de mudar o wpbeginner.com com seu próprio domínio.

 

Esperamos que tenham gostado! Deixem seus comentários abaixo.

Como turbinar o WordPress? Confira dicas de performance – GoCache CDN

Por que turbinar o WordPress? Até as pessoas mais pacientes tendem a se irritar com esperas. Seja em filas de banco, cafés ou pizzarias. Na internet não é diferente, a velocidade de um site tem relação direta com a experiência e satisfação do usuário. Ter um site que responde rapidamente às ações do internauta pode fazer grande diferença para o sucesso da empresa.

O WordPress é uma excelente plataforma de gestão de conteúdo. Fácil de instalar e de utilizar, oferece vários plugins com as mais diferentes facilidades para produzir e publicar conteúdo. No entanto, muitas vezes, sem perceber, adicionamos tantos recursos que a performance do site acaba diminuindo. Para evitar este problema, separamos algumas boas práticas para melhorar a velocidade do seu site ou loja em WordPress.

Preste atenção no tema utilizado

O modo como um tema foi construído pode influenciar na velocidade do seu site. O layout pode ser impecável esteticamente, mas se ele tem muitos gráficos, código complexo e desatualizado, além de funções dispensáveis, o tema pode estar deixando o seu site lento. É sempre bom testar a performance do site antes de aplicá-lo.

Manere no número de plugins

Entendemos que existe uma infinidade de plugins incríveis para aumentar os recursos de seu blog, e isso faz com que por vezes você caia na tentação de instalar diversas extensões. Alguns plugins podem consertar o problema que você tinha na hora, mas por outro lado, podem deixar o seu site lento. Lembre-se de instalar apenas aqueles que você realmente precisa, sempre verificando a performance após uma nova instalação. O Google PageSpeed Insights e o Pingom são dois aliados importantes.

Otimize as suas imagens

Se você simplesmente faz o upload da sua imagem para o WordPress e utiliza o editor da plataforma para redimensioná-la, pode estar sobrecarregando o blog desnecessariamente. Isso porque a imagem original que você enviou não será modificada, ela continuará ali, com o mesmo tamanho e dimensões. Aliás, se você redimensiona apenas pelo html, imaginando que o tamanho menor diminuirá também o tempo de resposta, também estará cometendo o mesmo erro: quando uma página é carregada, é a figura original que é baixada. O ideal é que as imagens sejam redimensionadas e otimizadas para web em qualquer programa gráfico, antes de submetê-la ou utilizando algum plugin. Uma dica é o WP-SmushIt, que ajuda a comprimir as imagens, sem perder qualidade.

Use tecnologia CDN (Content Delivery Network)

A utilização de CDN,  é sem dúvida uma das melhores formas para turbinar a performance do seu site. Trata-se de uma rede de servidores ao redor do mundo que funciona como uma ponte entre o servidor de hospedagem e os visitantes do site. Com uma CDN, o servidor mais próximo do usuário é que entrega o conteúdo rapidamente a ele, aumentando a velocidade de abertura.

Outro fator de peso para a adoção de uma CDN, é que por reduzir a carga no servidor que hospeda o site, seja um cloud ou um provedor tradicional, o custo com infraestrutura também é reduzido.

Otimize o código JavaScript e CSS

O código usado no seu site pode contribuir ou acabar com o seu site. Não é erro usar recursos de JavaScript, o problema é o exagero. Opções boas para melhorar a performance do seus códigos em sites wordpress é instalar o plugin JS & CSS Script Optimizer. Ele funciona agrupando e diminuindo o número de scripts JavaScript e CSS files, resultando numa melhor performance do seu site..

O seu site pode estar lento por inúmeros motivos, e essas são apenas algumas dicas para melhorá-lo. Lembre-se que um site com uma boa velocidade faz com que os visitantes não desistam do seu site, porque a navegabilidade se torna mais prazerosa. Melhorando a performance do seu site, você só tem a ganhar.

Se você quer aprender mais sobre o assunto, e se você deseja aproveitar os benefícios da tecnologia CDN em seu site, entre em contato com a gente!

E você, o que tem feito para turbinar o WordPress?

Lembrando que na GoCache você melhora o desempenho, segurança e disponibilidade do seu WordPress com apenas um clique, através do nosso exclusivo recurso de SmartCache. Faça um teste sem compromisso e confira – clique aqui.