O desempenho de um website ou loja virtual diz respeito à velocidade com que este website responde às requisições do usuário. Hoje em dia, com o uso de dispositivos móveis, todos os sites tem a missão de abrir em 3 segundos ou menos, ou o usuário simplesmente acessará o concorrente. Para atingir esta meta é necessário otimizar tanto o tempo de resposta do servidor sobre a rede na internet, também conhecido como latência, quanto o próprio carregamento dos itens que compões uma página, como JavaScript, CSS e imagens. Por este motivo o uso de CDN vem se tornando cada vez mais uma necessidade.

Posts

, , ,

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!

, , ,

6 Dicas para acelerar o seu site Joomla

6 Dicas para acelerar o seu site Joomla 3.x

 

Site site Joomla está muito lento? Isto não é bom!

Existem dois motivos principais para acelerar um site: 1) trazer maior engajamento do visitante, que vai ficar mais tempo no seu site e 2) Melhorar seu posicionamento nas pesquisas do Google, também conhecido como SEO, ou otimização para mecanismos de busca.

Você se pergunta por que o seu site do Joomla carrega tão devagar, mesmo já tendo atualizado para a versão 3.x, não é?

Bem, vamos ver 6 dicas que você pode usar agora para acelerar seu site Joomla 3.x.

Porque a velocidade do seu site Joomla é importante?

Os visitantes não querem esperar, eles vão deixar o seu site se demorar muito para carregar. Portanto, acelerar o seu site trará como valor agregado um maior envolvimento, retenção e iteração do visitantes.

Além disso, o Google anunciou que a velocidade do site afeta seu ranking de pesquisa, algo que na verdade todo mundo já imaginava: os sites mais rápidos são classificados muito melhor nas buscas, porque eles oferecem aos visitantes uma melhor experiência. E isso é bastante sensato.

Você se perguntou por que o seu site do Joomla está lento e carrega tão devagar, mesmo atualizando pra versão 3.x, não é?

Vamos lá, com essas dicas você vai turbinar seu website:

1. Escolha o um bom servidor de hospedagem:

Seu site provavelmente foi colocado no mesmo servidor que centenas ou milhares de outros sites. Isso pode impactar na velocidade, deixando lento o Joomla quando muitos clientes tentam acessar o servidor ao mesmo tempo.

Portanto, assegure-se de que você escolheu a hospedagem certa em um bom provedor, que pode atender a todos os requisitos de hospedagem do Joomla, ou seja: um número limitado de sites por servidor, suporte de hardware do servidor, suporte ao cache do servidor, suporte de especialistas Joomla… Alguns sites de hospedagem são populares e conhecidos. Os provedores de hospedagem recomendados pelos usuários Joomla são: Bluehost, Inmotion, HostGator, Arvixe…

2. Use uma CDN:

Uma boa CDN é capaz de turbinar seu website Joomla, pois adiciona uma uma série de ferramentas como gerenciamento automático de cache para conteúdo dinâmico e estático, distribuição de conteúdo em diferentes servidores, compressão automática de imagens, etc.

Existem atualmente algumas CDNs bem simples de configurar e umas até mesmo com uma pré-configuração automática para o Joomla. Veja o painel da GoCache, por exemplo, você ativa a aceleração para Joomla com um clique:

cache para joomla

Uma CDN também acelera seu site em diferentes regiões do país e do mundo. Teste seu site nessa ferramenta: www.sitespeed.com.br, por exemplo, e verá como ele se comporta mais lento dependendo da Região.

Se você escolher uma CDN adequada, você garante que os visitantes das regiões mais importantes pra você terão um acesso rápido ao conteúdo. Por exemplo, se seus usuários estão no Nordeste do Brasil ou no Japão, você precisa de uma CDN com presença nesses lugares.

Veja neste link mais detalhes de o que é uma CDN.

 

3. Habilitar a Compressão Gzip

Usando o recurso Compactação Gzip, você pode compactar as páginas do seu site antes de enviá-las para o usuário. Depois disso, eles serão descompactados pelo navegador do usuário. Isso torna tudo mais rápido e ainda economiza banda de seu servidor e de seu usuário.

Por padrão, a Compressão Gzip está desativada no Joomla 3.x. Portanto, você deve habilitá-lo manualmente seguindo estas etapas:

No Menu superior, selecione Site > Configuração global> Servidor, e mude a opção Compressão Gzip para SIM.

gzip no joomla

Lembrando que uma boa CDN também já faz esse processo automaticamente.

4. Habilitar o sistema de cache do Joomla

A maioria dos sites tem conteúdos que não são alterados com freqüência. Portanto, a teoria do cache do Joomla é muito simples: o sistema faz uma cópia da página na primeira vez que ele a carrega. Quando algum usuário visita novamente esta página, a cópia anterior será exibida sem regerar a página e, se for o mesmo usuário, sem recarregar as mesmas imagens e arquivos.

Certifique-se de que você habilitou o sistema de Cache do Joomla. Este é um passo muito simples, mas pode aumentar muito a velocidade de carregamento do seu site. Você pode fazê-lo da seguinte maneira:

Configuração Global> Sistema> Configuração de Cache, e alterne Cache para “ON – Conservative Caching”. Em ‘Cache time’, escolha 30 (minutos) para que um arquivo de cache seja armazenado por 30 minutos antes de ser atualizado.

cache no joomla

Lembrando que CDNs também fazem cache do seu conteúdo, mas nesse caso, o Cache da CDN será um segundo nível, acima do cacho do próprio sistema Joomla.

 

5. Configurações de otimização (Imagens, CSS, Scripts Java …)

Aqui estão as otimizações que precisam ser usadas para acelerar seu site:

  • Imagens: não tente carregar imagens em grande escala, redimensione-as antes de fazer o upload e as comprima em algum site como Smash.it ou TinyPNG.
  • Template: tente usar um modelo/template  mais leve e simples. O simples é sempre o melhor.
  • Reduza o tamanho dos arquivos CSS e Javascript; Use um “minify” para comprimir e junte arquivos CSS e Javascript, para reduzir a quantidade de pedidos HTTP e o tamanho dos arquivos.
  • Limpe Joomla com freqüência e remova tudo o que não precisa: componentes não utilizados, módulos, plugins, consultas “Não encontradas”, etc.

6. Verifique a Velocidade do Site Joomla

Não esqueça o passo final: verifique a velocidade do seu site. Você deve fazê-lo antes e depois de seguir todas essas dicas. E não se surpreenda quando você ver o quão mais rápido seu site vai ficar. Você pode fazer isso usando uma dessas ferramentas: plugin YSlow Chrome, ferramentas Pingdom, Google PageSpeed, SiteSpeed.com.br ​ou GTmetrix …

 

pagespeed joomla

Exemplo de uso do Page Speed do Google

Ok, acho que é suficiente para acelerar o seu site Joomla 3.x. Por favor, compartilhe sua experiência conosco na área de comentários. Você tem algum outro truque para melhorar a velocidade de carregamento do Joomla? Por favor, compartilhe conosco comentando abaixo!

, ,

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 otimizar o desempenho do Magento

Você chegou aqui porque quer saber como otimizar o desempenho do Magento, certo? Algumas pessoas costumam reclamar que a Plataforma Magento é lenta, mas saiba que é possível torná-la um aplicativo de e-commerce muito rápido.

Para isso você pode precisar de alguns recursos adicionais, como CPU e memória. Mas também precisará de tempo e conhecimento.

Para essa última parte – conhecimento – a lista abaixo deve te ajudar bastante.

Ative a Cache do Magento

Este é, naturalmente, o primeiro passo na otimização: habilite todos os caches disponíveis no “Magento Admin Panel”.

Comprimir imagens

Muitas pessoas esquecem que as imagens (PNG, JPG) podem ser compactadas, o que diminui bastante o tráfego entre o navegador e o servidor web. Não apenas as imagens usadas pela “skin” do Magento precisam ser otimizadas, mas também as imagens de catálogo. Várias ferramentas permitem comprimir lotes de imagens, por exemplo, a ferramenta online Smush.It. Um outro site muito bom é o TinyPNG

compactar imagens

Servir conteúdo estático através de uma CDN

O conteúdo estático, como imagens, folhas de estilo CSS ou JavaScript, pode ser servido através de outros servidores mais otimizados para conteúdo estático e espalhados pelo mundo. Por exemplo, uma CDN pode ser usada para que o conteúdo estático seja sempre servido a partir de um local mais próximo do visitante do seu site. Isso é vital para as webshops que atendem clientes em todo o mundo ou em países grandes como o Brasil.

Mas fique atento, pois nem todas CDNs tem multiplos servidores espalhados pelo país. No Brasil, por exemplo, apenas a GoCache e a Akamai possuem multiplos pontos de presença (também conhecidos como PoPs). Já as CDNs como a CloudFlare, CloudFront e Fastly, possuem apenas um ponto, normalmente na cidade de São Paulo ou Rio de Janeiro.

Servir conteúdo dinâmico através de uma CDN

Essa é uma tecnologia muito nova e que trás um gigantesco ganho para e-commerces como Magento, Woocommerce, etc.

Basicamente, a CDN armazena as páginas do seu sistema. As páginas são mais pesadas em termos de processamento, pois consomem CPU e memória toda vez que são requisitadas pelos visitantes.

Ao guardar as páginas em cache, a CDN pode economizar até 90% do processamento de seu servidor.

Para isso, a CDN precisa ser capaz de identificar quais desses dados dinâmicos ela deve ou não requisitar novamente ao seu servidor. Esta é uma tecnologia bastante nova e sofisticada, portanto apenas algumas CDN a possuem, as chamadas “NextGen CDN” ou “CDN de última geração”. Na GoCache essa tecnologia se chama SmartCache e está disponível em todos os planos.

Desativar módulos Magento desnecessários

Ao desativar os módulos Magento que você não precisa, são utilizados menos recursos de seu servidor – simples assim. Os módulos podem ser desativados através da configuração no “Magento Admin Panel”, ou editando arquivos XML no app/etc/ modules. Por exemplo, desative Mage_Log que executa consultas em todas as solicitações, mas não é necessário se você coletar estatísticas do site usando programas externos.

Habilitar catálogos “flats” (ou planos) para webshops pequenos

Para webshops menores, mudar a estrutura EAV complexa para um catálogo plano pode economizar tempo. Esta otimização é um pouco duvidosa e depende de muitos parâmetros, então não tome esse passo de forma leve.

Conformidade do W3C

Embora se possa argumentar que isso é menos importante com a chegada do HTML5, ainda é um fato que, se suas páginas da web estiverem cheias de erros feios, o navegador terá dificuldade em interpretá-lo. Se você cumprir a conformidade do W3C, é fato que o mecanismo do navegador terá um trabalho fácil ao analisar seu código HTML.

Comprimir os dados de saída

Ao habilitar a configuração PHP zlib.output_compression, a saída gerada pelo PHP é compactada quando enviada para o navegador. Isso economiza banda de seu servidor.

Se preferir, você pode usar o módulo ap_ mod_deflate, que permite também a compressão de saída em outros formatos, além do PHP (CSS, JavaScript, outros arquivos de texto simples).

Configurar opções de PHP

A maioria das configurações do PHP realmente não influenciam o desempenho do Magento, apenas estabelecem determinados limites. Por exemplo, as configurações como memory_limit e max_execution_time não melhoram o carregamento da página, mas garantem de que certas ações não vão tomar tempo e processamento demasiado ou que não gerarão problemas de uso de memória.

Armazenamento de sessão

Com o Magento, as sessões podem ser armazenadas em arquivos ou no banco de dados (configurando app/etc/local.xml). Qual opção funciona melhor, realmente depende de como o ambiente de hospedagem está configurado. Se os bancos de dados MySQL funcionarem bem, o armazenamento de sessão no banco de dados poderá beneficiar seu site. Mas se o MySQL não está configurado corretamente, a melhor escolha pode ser arquivos.

Use um acelerador PHP

Com o opcode caching, a execução do PHP pode ser acelerada. Existem vários aceleradores PHP que fazem esse trabalho (APC, ZendOptimizer+, eAccelerator, XCache). Tanto o APC quanto o ZendOptimizer+ estão funcionando perfeitamente com o Magento.

Ajuste realpath_cache do PHP

Ao ajustar o realpath_cache_size para, por exemplo, 128K (padrão é 16K) e o realpath_cache_ttl para 86400, você pode conseguir uma boa melhora no desempenho. Certifique-se de não ficar sem memória, porque cada instância (ou child) Apache consumirá o tamanho de cache que foi configurado.

Use Apache mod_expires

Ao dizer ao navegador quais arquivos manter no cache e por quanto tempo, você pode otimizar o cache do navegador. Por exemplo, os arquivos JavaScript tendem a mudar muito menos, em seguida, arquivos CSS (pelo menos após primeiros estágios do site), mas talvez, depois que o site estiver maduro e no ar por alguns meses, você possa aumentar a “data de validade” destes arquivos na cache, melhorando ainda mais o desempenho.

Cuidado com 404 erros

Sempre que um arquivo (como uma folha de estilo ou imagem) não é encontrado, isso gera um erro 404. Como o padrão 404 do Magento é capturado pela aplicação do próprio Magento, isso faz com que o aplicativo reinicie a cada erro 404 encontrado. Verifique o log do Apache para garantir que todos os 404 erros sejam resolvidos.

Desativar o log do Magento

Dentro da configuração do Magento, você pode ativar o log na guia Desenvolvedor. Dependendo dos módulos habilitados, isso pode gerar muitos dados pra serem gravados no sistema de arquivos, diminuindo a velocidade da sua loja virtual. Como os logs só são necessárias para depurar algum erro, no uso diário, é melhor desabilitar os logs completamente.

Otimização de tabela MySQL

Através do phpMyAdmin, você pode executar o comando OPTIMIZE TABLE em tabelas específicas do banco de dados do Magento. Quando uma tabela está desordenada, esse comando pode melhorar consideravelmente o desempenho. Isso funciona não apenas para as complexas tabelas EAV, mas também para tabelas MySQL regulares que são usadas com frequência (por exemplo, core_config_data).

Mesclar CSS e JavaScript

Ao combinar todos os arquivos CSS e JavaScript em um único e grande arquivo, o navegador precisará fazer apenas uma solicitação HTTP para receber todo o conteúdo. Isso aumenta muito a velocidade da transferência dos dados para os usuários.

Para juntar esses dados, o módulo FooMan Speedster pode ser usado. O Magento 1.4 contém uma opção para juntar os CSS, enquanto os arquivos JavaScript já são juntados por padrão.

Além de juntar os arquivos, o crunching também é uma opção oferecida pelo FooMan Speedster: ele remove os espaços em branco da saída, mas quando já estamos utilizando compressão no CSS, essa opção é menos necessária.

Use o módulo compilador do Magento

O módulo compilador do Magento limita o número de diretórios que o PHP tem para pesquisar ao procurar arquivos PHP. Isso diminui o tempo de execução do PHP, o que acelera o Magento como um todo.

Lembre-se de que você precisa ter cuidado ao fazer alterações no seu sistema Magento enquanto o compilador Magento está habilitado. As atualizações só devem ser realizadas quando o compilador estiver (temporariamente) desativado.

Um truque muito elegante que acelera as coisas tremendamente é criar um tmpfs-mount especificamente para a pasta include/src. Observe que este tmpfs-mount precisa ser pelo menos 100Mb – de preferência 200Mb.

Ajustes no servidor MySQL

A configuração padrão do MySQL é muitas vezes suficiente para executar um ambiente de hospedagem geral, mas não é otimizado para o Magento. Ajustar configurações como query_cache_size pode aumentar drasticamente o desempenho, mas também é perigoso porque depende muito de outras variáveis ​​(número de bancos de dados, número de tabelas por banco de dados, número de consultas, picos de uso).

 

Desativar módulos Magento locais

Se o seu site não precisar de módulos Magento locais, você pode optar por ignorar a busca de todos esses módulos. Dentro do arquivo app/etc/local.xml, você encontrará uma tag XML que permite que você faça isso.

Tenha cuidado com o HTTPS

Toda vez que você usa SSL entre o servidor web e o navegador, o processo de criptografia e decodificação é adicionado em ambos os lados. Também há uma pequena carga extra no tráfego gerado.

O site Magento roda um pouco mais rápido se você desativar SSL para todas ou ao menos algumas páginas. No entanto, este ganho é tão pequeno em comparação com os outros nesta página, que deve ser tratado com cautela. A banda que você economizou não será enorme, e atualmente o processo de criptografia/decriptografia ocorre em microssegundos.

No entanto, você irá remover a segurança que o HTTPS traz ao seu site e seus usuários e, com isso, você pode perder os clientes que são mais cautelosos e preocupados com segurança e cyber-ataques.

Magento na nuvem (cloud)

Embora as CDNs possam ser usadas ​​para otimizar a banda para conteúdo estático e, em alguns casos, também o processamento do conteúdo dinâmico, rodar o Magento utilizando “cloud-computing” pode te dar mais escalabilidade em momentos de pico de processamento.

Sistema de arquivos baseado em memória para dados dinâmicos

A quantidade de acessos a disco será muito reduzida ao armazenar dados dinâmicos (diretórios var/cache, var/session) em um sistema de arquivos baseado em memória, como RAMdisk ou tmpfs. Além disso o acesso a estes dados em memória é extremamente mais rápido que em disco.

Desabilitar arquivos .htaccess do Apache

Ao utilizar arquivos .htaccess, você obriga o Apache a inspecionar cada diretório do “path” para ver se este arquivo está presente.

Ao mover essas diretivas de configuração do arquivo .htaccess para o arquivo de configuração do VirtualHost, desligando todos os arquivos htaccess, o tempo de execução do Apache será bem melhor.

Use Nginx ou Litespeed

Enquanto o servidor Apache é muito flexível em suas configurações, existem outros servidores web que são melhor otimizados quanto ao uso da memória. Ao substituir o Apache pelo Nginx ou Litespeed, você poderá acelerar ainda mais os scripts Magento. Ambos os webservers requerem configuração manual para permitir URLs amigáveis para SEO.

Use “lazyload” para imagens

Quando uma página está sendo carregada, um visitante pode perder muito tempo esperando o carregamento das imagens. Dependendo do número e tamanho dessas imagens, isso pode levar tempo considerável.

Em vez de carregar as imagens ao mesmo tempo que a página, você pode utilizar o efeito de LazyLoad JavaScript que garante que apenas as imagens visíveis (dentro da tela do navegador) sejam carregadas, enquanto que as imagens remanescentes são carregadas apenas quando o visitante se desliza para baixo.

Além de acelerar o carregamento da página, ainda irá economizar banda em seu servidor.

Minimizar o log do Apache

Se o log do Apache for minimizado, serão necessárias menos operações de escrita em disco, que são feitas em cada requisição de dados que seu servidor recebe.

É claro que um log mais simples também significa “menos visão” quando algo der errado.

Se precisar dos logs do Apache, uma alternativa é otimizar o sistema de arquivos no qual eles são armazenados. Por padrão, o Apache faz log no sistema de arquivos em “/var” – mas não há necessidade de habilitar coisas como o “journalizing” para esse sistema de arquivos, deixando-o assim mais rápido.

Use com sabedoria o “Full Page Cache”

Existem várias soluções de Cache de Página Completa (FPC) lá fora, sob a forma de extensões (LestiFPC, Enterprise Edition) ou soluções completas (Nginx, Varnish). Em todos os casos, o FPC não deve ter o primeiro foco. Quando a sua loja Magento está lenta, é devido razões específicas, e esses motivos precisam ser investigados.

Quando as páginas do seu e-commerce estão rápidas (graças ao FPC), mas suas páginas dinâmicas ainda estão lentas, perde-se a ideia geral dessas otimização, que é: ter um site rápido para atrair mais clientes, ter um posição melhor no Google, vender mais.

Então, em geral, o FPC deve ser implementado apenas para deixar ainda mais rápido um site que já é rápido, que já está muito bem configurado.

Ajuste apenas o que é necessário

Uma estratégia de ajustes é ajustar tudo ao máximo, literalmente tudo. Isso significa que você está ajustando o máximo desempenho e espremendo cada milissegundo de todos os seus componentes. No entanto, você também precisa do tempo e recursos para isso.

Outra estratégia é ajustar exatamente aqueles pontos que precisam de mais atençao. Isso é mais eficiente, mas exige que você saiba qual ajuste teria o maior impacto.

A grande questão de quais ajustes devem ser feitos primeiro não pode ser respondida sem uma análise personalizada. Normalmente, um especialista em desempenho de Magento precisaria entrar e verificar toda a loja antes que um conselho sólido fosse dado.

Você pode procurar no site Magento Performance Insights algumas dicas de por onde começar suas otimizações.

 

 

Este artigo foi traduzido de https://www.yireo.com/tutorials/magento/magento-performance/1056-magento-spo

Por que você precisa de uma CDN para o seu WordPress?

Por que você precisa de uma CDN para WordPress?

Sempre tem alguém perguntado como acelerar um blog WordPress. Nos posts anteriores sempre enfatizamos muito o potencial de uma CDN para esta finalidade, mas ainda parece que não esclarecemos o suficiente.

Muitas pessoas ainda não entenderam o que é exatamente uma CDN, pois sempre existe a questão: “Eu ainda preciso de um servidor de hospedagem se eu contratar uma CDN?”. Então, neste artigo, tentaremos explicar o que é uma CDN e por que você precisa de uma CDN para o seu blog WordPress.

CDN é abreviação de Content Delivery Network (ou Rede de Distribuição de Conteúdo), que é uma rede de servidores que entregam conteúdo estático dos sites aos usuários (ou mesmo conteúdo dinâmico, como no caso do Smartcache), baseando-se na localização geográfica do usuário para conectá-lo ao servidor mais próximo e mais rápido.

CDN

Muito confuso eh? Vamos colocar em palavras mais simples:

Normalmente, quando um usuário vem ao seu blog do WordPress, eles são redirecionados para seu servidor web (ou seja, Locaweb, AWS, UOL Host, etc). O seu servidor web está em uma localização central, digamos, São Paulo. Então, todos os usuários em seu site acessam esse servidor para visualizar seu conteúdo.

Agora, se você tiver um alto volume de tráfego, então você poderá sobrecarregar o seu servidor, o que tornará o carregamento lento ou apresentará falhas no site. Esse é um dos pontos em que uma CDN é útil, pois ela é uma rede com dezenas ou centenas de servidores, e mas o mais importante é que esses servidores estão espalhados pelo Brasil e pelo mundo.

Quando você usa uma CDN, o conteúdo de seu site é armazenado (na forma de “cache”) em todos esses servidores da rede. Este conteúdo inclui imagens, folhas de estilo (arquivos css), javascripts, Flash, etc. A partir daí, quando um usuário visita seu site, a tecnologia CDN redireciona-o automaticamente para o servidor mais próximo de sua localização, aliviando a carga em seu servidor principal e carregando o site muito mais rápido.

Por exemplo: se o seu servidor principal estiver hospedado em São Paulo e alguém de Fortaleza tentar acessar seu site, ele será redirecionados para o servidor mais próximo que deverá estar no nordeste, bem próximo ou mesmo na própria cidade de Fortaleza.

A proximidade do usuário ao servidor da CDN tem um impacto positivo no tempo de carregamento. Ao replicar seu conteúdo em vários servidores, geograficamente dispersos, você pode fazer suas páginas carregarem muito mais rápido. Em palavras simples, quanto mais perto o servidor da CDN estiver do usuário, mais rápido o usuário obtém o conteúdo do site.

Por que você precisa de uma CDN para WordPress?

Lendo a seção acima, então você pode ver claramente que utilizar uma CDN pode causar um enorme impacto positivo em seu site. Abaixo estão algumas das vantagens que podemos ressaltar:

Velocidade: Uma vez utilizando uma CDN em seu site, ele ficará certamente mais rápido pelos motivos apontados no inicio do texto, como localização geográfica e distribuição de carga nos servidores.

Robustez: Uma CDN permite distribuir a carga para vários servidores em vez de ter 100% de tráfego em seu servidor principal. Assim ele fica menos propenso à falhas e lentidão.

Redução de Processamento do WordPress: O WordPress é uma plataforma que pode exigir muito processamento de seu servidor. Ao utilizar tecnologias como a SmartCache, você evita ter que processar repetidamente as páginas que são frequentemente acessadas, podendo aliviar em mais de 90% a demanda por processamento em seu servidor de hospedagem.

Experiência aprimorada do usuário: Utilizando uma CDN você perceberá um declínio na taxa de rejeição de seu site. Além disso, provavelmente também verá aumento nas visualizações de páginas e no número de páginas visitadas por cada usuário. Então, claramente, um site rápido significa melhor experiência do usuário.

Melhoria no SEO: O Google afirmou claramente que os sites mais rápidos tendem a ter uma melhor posição nos mecanismos de busca.

 

, ,

O que é CDN?

O que é CDN?

Quer saber o que é CDN? CDN é a abreviação para Content Delivery Network, que é uma rede de servidores que armazenam o conteúdo de sites (na forma de “cache”) e depois entregam este conteúdo rapidamente, utilizando a localização geográfica do usuário para conectá-lo ao servidor que estiver mais próximo a ele.

como funciona CDN

 

Porque você precisa de uma CDN no seu site?

 

Velocidade:

Uma vez que comece a utilizar uma CDN no seu site ele ficará certamente mais rápido e mais agradável para seus usuários.

A lentidão de acesso é muitas vezes responsável por seu usuário abandonar o site antes de concluir uma compra, por exemplo.

Maior Robustez

O CDN absorve o tráfego que estaria 100% em seu servidor e o redistribui para dezenas de servidores espalhados pelo planeta. Desta maneira, você poderá ter um servidor mais barato e simples e, mesmo assim, conseguir atender de forma rápida aos seus usuários.

Experiência do Usuário

Ao usar uma CDN você perceberá que a taxa de rejeição dos visitantes de seu site diminuirá e o número de páginas visitadas aumentará.

Isto ocorre porque um site mais rápido proporciona uma melhor experiência para seus usuários

Melhoria no SEO

O Google já afirmou claramente que sites mais rápidos tendem a um melhor posicionamento nas buscas.

Uma CDN certamente te ajudará a conquistar algumas posições nas buscas do Google.

, ,

Como otimizar WordPress/WooCommerce e ainda reduzir custos

Otimizar WordPress/WooCommerce, quem não quer?

 

Este post ilustra um caso cada vez mais comum, de clientes em busca de otimizar o WordPress/WooCommerce que acabam chegando à GoCache.

Ao invés de um post explicativo, resolvemos ilustrar com um case recente.

logo comprerural.com

O case é do cliente comprerural.com. O CompreRural.com é um portal de conteúdo do agronegócio brasileiro e canal de anúncios, que foca no conteúdo técnico do cotidiano do homem do campo brasileiro. Seu conteúdo discute diariamente a pecuária e a agricultura.

 

Situação

 

O administrador do site chegou à GoCache através da nossa participação na comunidade iMasters. Utilizava a maior CDN do planeta e, apesar de não estar infeliz com o serviço, precisava de ajuda com sua infraestrutura de hospedagem.

Fez uma inscrição em nosso trial gratuito (que não necessita de cartão de crédito), entrou em contato conosco via Skype e explicou a situação:

 

overloaded

 

Os servidores de hospedagem não estavam suportando a carga. Veja o que a monitoração do site mostrava:

picos de consumo de infra

 

Consequências

 

O site estava levando em média 11,5 segundos para carregar (às vezes até mais de 20 segundos!) graças à infraestrutura sobrecarregada.

Além disso, o administrador do comprerural.com não se sentia seguro para investir em publicidade, pois nos poucos experimentos que fez houve queda do site durante o aumento repentino no volume de acessos, desperdiçando o potencial retorno do investimento.

 

Solução

 

1- Fizemos a configuração do acesso à GoCache via CNAME, pois este cliente em particular possui muitas personalizações em sua zona DNS e preferiu não apontar o DNS para cá.

2- Instalamos o plugin GoCache para WordPress. Este plugin permite que toda e qualquer atualização no site, ou comentário nos posts, seja imediatamente publicada sem a necessidade por aguardar a expiração do cache, ou de acessar o painel de controles para limpá-lo manualmente. O uso do plugin permitiu configurar o tempo de expiração do cache em 7 dias, aumentando assim a taxa de efetividade do cache, o cache hit ratio.

3- Em seguida habilitamos o SmartCache para WordPress, que configura automaticamente o cacheamento dinâmico de todo o site em WordPress ou WooCommerce, já excluindo o wp-admin.

 

Resultado

 

A combinação de cacheamento de conteúdo dinâmico + expiração de cache em 7 dias trouxe o resultados abaixo:

tempo de carga com CDN

 

O tempo de carga do site passou para uma média de 3 segundos, uma melhora de desempenho superior a 77%. Mas o mais importante, os servidores de hospedagem pararam de apresentar sobrecarga e passaram a suportar tranquilamente as ações de marketing.

 

Além disso, o comprerural.com passou a utilizar nosso SSL gratuito, melhorando a segurança para os usuários do site e também seu posicionamento em SEO. O uso do SSL ajuda em duas frentes, melhor desempenho e melhor segurança, ambos fatores importantes para o bom posicionamento de um site nas páginas de busca.

 

Dois meses após a contratação da GoCache, recebemos este feedback do administrador do comprerural.com:

depoimento skype

 

Esta é, sem dúvida, a nossa maior recompensa. A tranquilidade dos nossos clientes é um dos principais motivos para continuarmos evoluindo nossos produtos e serviços.

Obrigado comprerural.com! Esperamos que o site tenha muito sucesso e nos sentimos honrados em poder participar da sua jornada!

E você, leitor, se identificou? Já viu ou vivenciou situações parecidas?

A missão da GoCache é tornar seu site sempre acessível, de qualquer lugar, a qualquer momento, em qualquer dispositivo.

Faça um teste sem compromisso – clique aqui para iniciar seu trial de 7 dias.

Afinal, o que é uma “NextGen CDN”?

 

Afinal, o que é uma NextGen CDN?

 

Você já deve ter ouvido o termo, ou talvez não, “next gen”. É uma abreviação de “next generation”, ou próxima geração. É o termo utilizado para descrever algo que evoluiu e apresenta significativas melhorias com relação ao que estava disponível anteriormente, seja em tecnologia, nos esportes, finanças ou qualquer outra área.

 

Quando falamos de CDN (Content Delivery Network), o termo é utilizado em referência às CDNs que resolvem problemas que surgiram recentemente, os quais as CDNs tradicionais não estão equipadas para tratar de forma adequada.

 

A popularização da banda larga e do acesso à internet via dispositivos móveis trouxe dois problemas cabeludos para as CDNs: páginas com muito conteúdo (imagens de alta resolução, vídeo, CSS e JavaScript) e a necessidade por carregamento quase em tempo-real.

 

Para referência, a média de tamanho das páginas em 2010 era de 650KB, versus uma média de 2,4MB em 2016, ou seja, cresceu 400%.

 

CDN Tradicional X NextGen CDN

 

As CDNs tradicionais sempre focaram na entrega de conteúdo estático – imagens e vídeos – e sua tecnologia e infraestrutura não estavam preparadas para lidar com os requisitos de entrega de conteúdo dinâmico e serviços em tempo-real – como HTML, APIs, Ajax – ou qualquer conteúdo que necessite de lógica de aplicação.

 

Foi justamente da necessidade pela entrega de conteúdo em rápida e constante mudança, aplicações web interativas, aplicações móveis e APIs que as nextgen CDNs emergiram. Concentram seus esforços e desenvolvem plataformas que oferecem aos clientes controle sobre seus aplicativos Web, dando-lhes a flexibilidade e visibilidade necessárias, combinando os recursos e a funcionalidade de plataformas de computação em nuvem de ponta. As CDNs de próxima geração podem armazenar rapidamente conteúdo em constante mudança. Isto é possível graças a recursos como a renovação instantânea de cache (purga), que remove e substitui o conteúdo cacheado em tempo real. Além deste recurso, as CDNs de próxima geração aumentam a flexibilidade e a transparência na entrega e monitoração de conteúdo. Esses recursos incluem a aplicação instantânea de alterações de configuração e relatórios em tempo real.

 

Benefícios

 

Essas funcionalidades permitem que os desenvolvedores atualizem aplicativos na nuvem enquanto estão em execução, eliminando assim a necessidade por downtime para manutenção. Também possibilitam prever picos de tráfego e fornecem visibilidade sobre potenciais gargalos, que poderiam afetar o bom funcionamento do site. A flexibilidade estendida dá aos clientes deste tipo de CDN controle completo sobre sua aplicação web. desde os estágios de desenvolvimento até a execução em produção na nuvem. As empresas que adotam a nova tecnologia não estão mais restritas à tradicional “caixa preta” das CDNs tradicionais, onde a visibilidade, a funcionalidade e as escolhas são limitadas.

 

A adoção de uma NextGen CDN propicia a entrega de aplicações de alto desempenho e a tomada de decisões baseadas em relatórios avançados, trazendo como benefícios a redução nas taxas de abandono, melhora no SEO e taxas de conversão e redução nos custos com operações e infraestrutura.

 

*texto publicado originalmente no Portal iMasters em https://imasters.com.br/infra/afinal-o-que-e-uma-nextgen-cdn/

12 bons motivos para você usar uma CDN

12 bons motivos para você usar uma CDN

 

*artigo publicado originalmente no site E-commerce Brasil: link

 

Você já considerou utilizar uma CDN para seu site ou ecommerce?

Tecnologia evoluir rapidamente não é novidade para ninguém, na verdade hoje em dia é o esperado. O problema é que a Tecnologia da Informação está presente em tantas frentes distintas que fica difícil acompanhar. Para um médico ler todas as publicações de um ano precisaria de mais de 400 dias lendo sem parar.

Acredito que na TI estejamos avançando a passos largos na mesma direção. A consequência dessa enxurrada de informação é que, muitas vezes, você acaba ficando para trás por não conhecer algo que evoluiu e se tornou útil, ou até mesmo essencial.

O que levou a este artigo. A maioria dos profissionais web já se deparou com o termo CDN – Content Delivery Network (Rede de Distribuição de Conteúdo) – ou leu a respeito. O conceito é simples, espelha-se o conteúdo do site de seu servidor de origem(onde está hospedado) para servidores distribuídos geograficamente em datacenters estratégicos, para que, ao acessar um site, o usuário final receba os arquivos armazenados no data center mais próximo, reduzindo assim a latência e melhorando a experiência do usuário.

Para ter uma ideia, calcula-se que mais da metade do tráfego mundial passa por CDNs e só a Akamai, a maior delas, trafega 30% de todos os dados do planeta. Todos os grandes sites, como Google, Facebook, Youtube, Amazon, utilizam CDNs. Mas agora esta tecnologia está também acessível a médias e pequenas empresas, através de novas CDNs e novas tecnologias.

 

Sem uma CDN os usuários buscam as páginas diretamente no servidor de origem.

GoCache_CDN

Com o a CDN o conteúdo fica distribuído geograficamente e o usuário acessa o servidor mais próximo

GoCache_CDN

    Inicialmente considerada uma ferramenta importante para sites com conteúdo estático muito pesado, como por exemplo filmes. Hoje em dia este tipo de plataforma oferece muito mais do que apenas a melhora na latência (que não deixou de ser importante).

Neste artigo vamos analisar 12 motivos fundamentados em dados para a utilização de uma CDN e como isso pode ajudar a melhorar a competitividade do seu site.

 

Por que usar um CDN?


Muitas das melhores marcas e sites hoje em dia usam CDNs porque servem a audiências globais e precisam entregar conteúdo de forma rápida e eficiente. De acordo com o site BuiltWith, mais de 51% dos top 10.000 sites do mundo estão usando uma CDN. Se expandirmos a análise para os top 100.000 esta proporção cai significativamente. O motivo para isso é muito simples – as empresas menores ainda não perceberam o quão benéfica uma CDN pode ser.

No Brasil este cenário é ainda pior, pois graças à falta de alternativas competitivas em nosso mercado havia apenas um grande player internacional cobrando muito caro pelo uso de sua CDN. Isto criou a associação do termo “CDN” a algo “caro” e “apenas para as grandes empresas”. Felizmente este cenário mudou e hoje existem alternativas bastante viáveis economicamente, mesmo para as micro e pequenas empresas.

GoCache_CDN

Com dados do mesmo site, quando avaliamos a situação do Brasil, temos a seguinte tabela (Agosto/2016):

GoCache CDN

Comparados à média de mundial, os top 100 mil sites no Brasil estão bem próximos ao resto do mundo, mas os demais estão apenas abaixo da metade da média.

 

A evolução do tamanho médio das páginas web

 

O tamanho médio das página Web vem crescendo rapidamente à medida que a velocidade de conexão à internet melhora. Segundo o httparchive.org, o tamanho médio das página na web em 2010 era de 632 KB,  em 2016 é 2.456 kB. Um crescimento de 389%!

GoCache CDN

GoCache CDN

 

Os componente da página aumentaram em tamanho, em especial as imagens, que cresceram quase 365%, quase 4x. Mesmo com velocidades de conexão maiores, não há como evitar que o tempo de carregamento das páginas aumente consideravelmente.

Além do tamanho maior das páginas, o meio utilizado para acesso também mudou.

 

A revolução mobile

 

Em 2014 o acesso móvel superou o acesso via desktop, e desde então essa diferença só faz crescer.

GoCache CDN

 

Vejamos a seguir, em pesquisa da GWI – Global Web Index – do primeiro semestre de 2016, mais dados relevantes.

A maioria da população brasileira possui um smartphone:

GoCache CDN

O uso do smartphone como meio para acessar a internet só aumenta, o de desktops vem caindo lentamente.

GoCache CDN

 

E a importância atribuída ao smartphone como principal meio de acesso à web já superou a do desktop:

GoCache CDN

A consequência disso é que muitos sites já tem por filosofia o “mobile first”, priorizando o acesso mobile. É lógico deduzir que o progressivo aumento no tamanho médio das páginas torna-se uma grande dor de cabeça, dada a péssima qualidade das conexões de dados móveis no Brasil. É este mais um dos motivos que impulsionam a adoção de uma CDN. Mas conforme o título deste artigo, evidenciaremos outros benefícios que podem não ser tão intuitivos à primeira vista.

1. Melhor desempenho e menor latência

O mais conhecido benefício da utilização de uma CDN. É uma maneira simples e fácil de aumentar a velocidade de carregamento dos websites e reduzir a latência.

 

 ”A utilização de uma CDN nos permite terminar a conexão mais perto do usuário, o que pode reduzir significativamente o custo de handshake TCP e TLS. Para melhores resultados, você deve utilizar uma CDN para servir tanto conteúdo estático quanto dinâmico”

 – Ilya Grigorik, Engenheiro de Desempenho do Google

 

Segundo Andreas Grabner em seu blog about:performance, há um erro muito comum no desenvolvimento web. Os desenvolvedores não utilizam todas as camadas corretas de cacheamento (navegador, CDN, servidor web e servidor de aplicação).

Não confie apenas em argumentos, confira os dados

Vejamos um teste simples com um site em WordPress. Utilizamos o tema “Verbosa” e algumas imagens pesadas, de alta resolução e tamanho superior a 500KB.

O site usado foi o www.gowp.com.br e a ferramenta Web Page Test. Simulamos acessos via Desktop (conexão via Cabo com 5Mbps) e dispositívo Móvel (conexão via 3g com 1,6Mbps). Fizemos 5 testes de acesso com navegador Chrome  e acesso a partir do EC2 da Amazon Brasil.

 

Atenção às colunas “Start Render”, que mostra o tempo para o início da exibição da página e afeta diretamente a percepção de velocidade do usuário final, e o “Load Time”, que é o tempo para a carga completa da página.

      • Velocidade em desktop Sem CDN (link para o teste) – Acesso via Cabo 5Mbps + ChromeGoCache CDN
      • Velocidade em desktop Com CDN (link para o teste) – Acesso via Cabo 5Mbps + ChromeGoCache CDN

Na simulação de acesso via desktop, o ganho no tempo de abertura foi de 30% e o tempo total de carga melhorou 12%.

      • Velocidade em smartphone sem CDN (link para o teste) – Acesso via 3G 1,6Mbps + ChromeGoCache CDN
      • Velocidade em smartphone com CDN (link para o teste) – Acesso via 3G 1,6Mbps + ChromeGoCache CDN

No acesso via dispositivo móvel, o ganho no tempo de abertura foi de 31%. O tempo total de carga melhorou 24%.

Vale ressaltar que não houve otimização das imagens, o que ocasiona os tempos absurdos para carga via 3G. Mesmo neste cenário simplório é possível notar que uma CDN proporciona uma média de abertura da página 30% mais veloz.

2. Provedores de hospedagem tradicionais não conseguem acompanhar

A tecnologia atual e tradicional de hospedagem web não é mais capaz de atender as demandas de websites. A CDN passou a desempenhar um papel significativo na superação dos recursos computacionais dos provedores de hospedagem tradicionais, cumprindo mais adequadamente o objetivo de entregar conteúdo rico em multimídia com qualidade alta e de forma confiável a baixo custo.

 

As CDNs agora são responsáveis pela maior parte da carga de uma grande quantidade de websites. Isso tem como consequência a economia de recursos em seu host, tanto computacionais quanto de tráfego.

Nas imagens abaixo vemos o quanto da demanda de recursos uma CDN absorve durante o período de um mês:

  • Tráfego (Banda)

No Brasil, este é um dos itens mais caros da infraestrutura de um website. Também é um dos primeiros gargalos quando ocorre um pico de visitação, já que a maioria dos provedores de hospedagem limita a largura de banda disponível para cada cliente.

No exemplo abaixo, no primeiro gráfico o ponto selecionado é o consumo médio de tráfego durante um dia comum. 347 megabytes do tráfego foram atendidos pela CDN e somente 9 megabytes chegaram ao servidor de origem.  Ou seja, em um dia normal, 97% do tráfego do site é atendido pela CDN.

GoCache CDN

O gráfico a seguir mostra um pico de demanda, com aumento de 124% sobre o volume médio diário. A CDN absorveu um percentual ainda maior deste tráfego, superior a 99%. O servidor de origem recebeu apenas 7 megabytes de tráfego, menos do que a média diária do mês.

GoCache CDN

O site no exemplo teve um consumo total, durante o mês de Agosto, de 10 terabytes.

GoCache CDN

O gráfico a seguir mostra o resultado, o tráfego no servidor de origem foi de apenas 2% do total.

GoCache CDN

No final das contas, apesar do enorme consumo de dados durante o mês, o site em questão não encontrou problemas. Nem teve surpresas desagradáveis com limitações do seu provedor de hospedagem,  ou em sua fatura ao final do mês.

 

  • Page Views

            Esta métrica demonstra quantas páginas são visualizadas, está diretamente relacionada à carga no servidor. É interessante notar que, apesar do pico de tráfego no dia 21, o consumo de páginas permaneceu dentro da média. Neste caso o site publicou uma página bem mais “pesada” que a média. O pico de tráfego ocorreu devido a uma página publicada com o dobro do tamanho médio.

 GoCache CDN          

É interessante notar que apenas 30 mil páginas (11%) foram servidas a partir do servidor de origem. Esta proporção pode mudar drasticamente dependendo das configurações de tempo de cache que um site utiliza. 89% das PageViews foram atendidas pela CDN no dia de pico.

No mês de Agosto o site transferiu quase 8 milhões de páginas:

GoCache CDN

87,5% das páginas foram servidas diretamente da CDN durante o mês, sem necessidade de uso dos servidores de origem.

GoCache CDN

Foram 6.776.596 páginas que a infraestrutura de origem deixou de servir. Fica fácil deduzir que as economias em recursos de CPU, memória e banco de dados são bastante expressivas.

 

  • Requisições (Requests)

Eis aqui o principal responsável pela carga na sua infraestrutura. Uma única página pode conter centenas de requisições. Imagens, banners, conexão ao banco, formulário, cada item da página equivale a uma requisição que consome recursos computacionais. Por este motivo uma página pouco visitada pode ficar “pesada” e demorar um tempo considerável para carregar.

No nosso exemplo, vemos que o pico de requisições coincide com o segundo dia do pico de transferência de dados. Aqui, novamente, chama a atenção a quantidade de requisições que a CDN absorve. De mais de 8 milhões de requisições atendidas, menos de 4% foi repassado à infra de origem. A infraestrutura do site foi capaz de atender tranquilamente o pico na demanda por recursos computacionais e a experiência do usuário não sofreu impacto algum.

GoCache CDN

O volume de requisições no mês de Agosto para o site foi de quase 158 milhões.

GoCache CDN

Apenas 6,2% destas requisições demandou recursos do servidor de origem. Foram 148 milhões de requisições atendidas pela CDN.

GoCache CDN

Isto se traduz em uma enorme economia de infraestrutura. Para sites que utilizam infraestrutura em nuvem, onde é possível escalar ou reduzir a quantidade de recursos contratados, a economia é imediata, pois a adequação no dimensionamento pode ser feita em poucas horas. Para sites que utilizam infraestrutura física, a consolidação pode levar um pouco mais de tempo, mas isso não deixa de tornar a economia atraente.

O uso da CDN traz dois benefícios importantes quando olhamos para a questão da hospedagem:

o site fica no ar, já que não extrapola os limites de tráfego e hardware impostos pelo provedor de hospedagem.

a fatura no final do mês sofre uma redução brutal, pois há menos consumo de banda e recursos de hardware.

3. Melhorias de SEO

GoCache CDN

Quando se trata de Search Engine Optimization (SEO) a velocidade da página é um fator muito importante no que se refere ao posicionamento da sua página nos resultados da busca orgânica.

A maioria dos mecanismos de busca considera o tempo de carregamento da página em suas fórmulas de posicionamento. O Google adora sites rápidos e anunciou em 2010 que a velocidade dos sites começaria a afetar seus rankings. Quanto mais rápido o seu site, melhor a sua chance de subir nos SERPs (Search Engine Results Page – Página de Resultados de Mecanismos de Busca).

Otimizar sites é extremamente importante. sites mais rápidos significam clientes satisfeitos. PageSpeed torna-se significativo para rankings

– Matt Cutts, Head of Google Webspam

 

4.Preço

 

GoCache CDN

 

Outro equívoco comum é que o uso de CDNs está associado a um preço salgado. De fato com alguns provedores de CDN isso é verdade. Mas existem alternativas nacionais bem acessíveis e competitivas. Somando o aumento de performance, economia com operações e infraestrutura, melhora de SEO e opções de segurança(mais sobre isso abaixo), é definitivamente um investimento que retorna em diversas dimensões.

Um blog com 50.000 visitantes únicos mensais pode ter um custo de R$ 19,00/mês para utilizar uma CDN. Claro que isso pode variar de acordo com o tipo de conteúdo e arquivos exibidos, mas em termos gerais é uma forma bastante econômica para se obter uma melhora expressiva no tempo de abertura do site, que pode melhorar em até 20 vezes. Quanto maior o volume de dados que um site trafega, menor o custo por GB transferido. Os ganhos de escala podem ser bem interessantes.

Comparativamente, os custos de banda internet na CDN são menores do que nos provedores de hospedagem tradicionais. A CDN absorve ao menos 60% da carga do seu servidor de origem. Isso possibilita reduzir o link de dados e a quantidade de servidores contratados com seu provedor de hospedagem. Essas economias, quando somadas, em muitos casos são superiores ao custo do serviço de CDN.

 

5. Robustez

 

GoCache CDN

 

Quem nunca se deparou com uma situação de sobrecarga que levou à queda do site? Além de frustrante, pode resultar em perdas financeiras catastróficas. Adicionar um fornecedor pode parecer má ideia, por tratar-se de mais um possível ponto de falha. Porém, graças à arquitetura típica das CDNs, elas acabam por reforçar a confiabilidade, por dois motivos:

  • As requisições via CDN são sempre encaminhadas para o PoP (Point of Presence – Ponto de Presença) mais próximo. Em caso de queda a requisição é repassado para o próximo PoP. Isso cria redundância, que assegura menor tempo de inatividade e uma experiência final mais agradável para seu usuário.
  • Por absorver a maior parte das requisições, a carga nos servidores de origem(hospedados em datacenter) sofre considerável redução. A CDN libera recursos computacionais para atender melhor a demanda por itens não “cacheáveis”. A infra de origem ganha fôlego.

 

6. Picos de acesso e escalabilidade

GoCache CDN(verde)tráfego de entrada
(azul)tráfego de saída

Quando se trata de web, você nunca sabe quando pode ocorrer um pico de tráfego. Se você apareceu em uma entrevista em algum site conhecido, ou publicou um post que viralizou, ou ainda colocou no ar uma promoção que fez um sucesso muito maior do que o previsto, é muito importante estar preparado para o pior. A maioria dos provedores de hospedagem não suportará um volume muito além do seu tráfego médio e vai desativar o seu site, ou tomar medidas deliberadas que prejudicarão o desempenho do site, para evitar prejudicar os demais clientes.

A CDN ajuda com muita eficiência a evitar esse problema. Como o conteúdo estático do seu site, que muitas vezes é responsável por 80% ou mais do seu tráfego, é armazenado em cache nos servidores de borda, isso gera um enorme alívio em seu servidor de origem e na rede onde ele se encontra. Com a maioria dos recursos sendo entregues através dos servidores de cache e da rede da CDN, seu servidor de origem não precisa lidar com o alto número de requisições, assim como seu provedor de hospedagem não precisa lidar com uma demanda surpresa por altos volumes de tráfego.

Isso torna seu site seja muito mais escalável com o menor esforço possível, evitando quaisquer cenários de indisponibilidade que poderiam custar dinheiro e prejudicar a reputação do seu negócio.

 

7. Custos Operacionais

GoCache CDN

Manter um site no ar 24×7 não é tarefa fácil. É necessário monitorar o acesso(rede) e o uso de recursos de infra (CPU, memória e uso de disco), performance do banco de dados e tempo de resposta das páginas. Quando ocorre um problema com alguma destas variáveis, seja por motivos que podem estar totalmente fora do controle da sua equipe, como por exemplo problemas de rota, ou por motivos corriqueiros, como a publicação da versão incorreta de uma página que sobrecarrega o banco de dados, as consequências para a equipe de operações são catastróficas. Alarmes e telefonemas urgentes nos horários mais inapropriados e noites em claro são a norma.

 

Clientes insatisfeitos reclamando para seus respectivos executivos de conta e sobrecarregando o suporte com chamados, telefonemas e tickets de helpdesk, tudo ao mesmo tempo, também são comuns. Além do custo financeiro existe também o custo de reputação da sua marca, que perde um pouco a cada incidente e sofre com reclamações em mídias sociais.

 

Com os benefícios que a CDN traz na economia de recursos de infra e percepção de desempenho, este tipo de situação torna-se muito mais raro. Mesmo um simples problema de rota, que poderia resultar em reclamações de lentidão, passa despercebido, já que os servidores da CDN estão espalhados em diversas redes e locais diferentes distribuindo o conteúdo do seu site normalmente.

 

A consequência é que sua equipe operacional passa a ter menos trabalho, com menos frequência, e a qualidade de vida dos seus administradores de sistemas, analistas de suporte, executivos de contas, e principalmente dos seus clientes, melhora exponencialmente.

 

8. Defesa contra DDoS

GoCache CDN

A CDN pode fornecer segurança adicional. Como todo o tráfego do website passa pela rede da CDN, é nos servidores de borda da CDN que serão mitigados ataques DDoS, enquanto seu site e seus usuários sequer notarão que houve um ataque.

 

9. SSL, TLS e HTTP/2

GoCache CDN

 

  • TLS

 

Outras características avançada de segurança que as CDNs oferecem é o uso de SSL, TLS e HTTP/2.

O TLS (Transport Layer Security) é um protocolo criptográfico com o objetivo de oferecer segurança para a comunicação entre serviços como email (SMTP), navegação por páginas (HTTP) e outros tipos de transferência de dados na Internet.

As diferenças entre o SSL e o TLS são muito pequenas e técnicas. O TLS tem a capacidade de trabalhar em portas diferentes e utiliza algoritmos de criptografia como o keyed-Hashing for Message Authentication Code (HMAC) enquanto o SSL utiliza somente o Message Authentication Code (MAC).

 

  • HTTP/2

 

O HTTP/2 tem uma série de vantagens sobre o HTTP/1.1. Usa multiplexação (abre uma única conexão para baixar múltiplos arquivos), nele as requisições e respostas são paralelas e assíncronas: seu navegador pede vários arquivos ao mesmo tempo e recebe-os assim que eles estiverem prontos, na mesma conexão. Isso assegura desempenho muito superior ao do HTTP/1.1.

Também utiliza o que se chama de “server push”, que trata de forma diferenciada as chamadas a elementos externos, como arquivos CSS e JavaScript. No HTTP/1.1, seu navegador precisa primeiro solicitar a página, ler o código-fonte em HTML, entender que há chamadas para elementos externos e somente então solicitar esses elementos. No HTTP/2, o servidor poderá mandar esses elementos antes do seu navegador solicitar. Quando o navegador precisa desses arquivos para renderizar a página, eles já estarão no computador.

E, finalmente, a última diferença está nos cabeçalhos, que o HTTP/2 comprime em um formato chamado HPACK. Quando o navegador solicita um arquivo é necessário baixar o cabeçalho desse arquivo, que pode conter o tamanho do arquivo, as informações do servidor e um cookie. Geralmente, um cabeçalho não passa de 1 KB, mas isso não escala muito bem. Com a compressão no cabeçalho, o uso de dados será menor e as páginas serão renderizadas mais rápido.

 

GoCache CDN

 

  • SSL

 

Normalmente as CDNs possuem ao menos duas opções de SSL – compartilhado gratuito ou privado e pago. Com SSL você assegura a criptografia entre seus usuários e a CDN na opção compartilhada, ou de fim-a-fim entre o usuário, a CDN e o seu servidor de origem no modelo privado. A opção compartilhada pode ser muito interessante para sites de menor porte, já que economiza tanto o custo do certificado em si quanto o trabalho e custos adicionais para adquirir e instalar um certificado próprio.

Além do benefício direto que o SSL proporciona, assegurando a privacidade dos dados em trânsito, também existem outros dois benefícios importantes que devem ser destacados.

Primeiro, o Google anunciou que o uso de SSL é um dos fatores considerados para o rankeamento de um site, ou seja, o fato de utilizar SSL ajuda no SEO.

E recentemente o Google foi além e anunciou que, a partir de Janeiro de 2017, todos os sites que não utilizam SSL serão exibidos com um alerta de segurança no navegador Google Chrome.

GoCache CDN

Como se vê no gráfico da w3counter, quase 60% da internet utiliza o Chrome. Quem não tiver o site preparado com SSL no início de 2017 está prestes a ser classificado como “inseguro” para 2 de cada 3 visitantes.

 

10. Integrações simplificadas

 

Na grande maioria dos casos a CDN pode ser configurada para qualquer website em poucos minutos. Além disso, existem inúmeras possibilidades de integração com aplicativos populares, como o WordPress, Drupal, Joomla e Magento por exemplo.

GoCache CDN

 

No caso do WordPress, diversas CDNs possuem plugins para facilitar a utilização da CDN com o website e automatizar a renovação do cache quando houver uma atualização.

GoCache CDN

Além disso, muitas CDNs disponibilizam APIs públicas que permitem integrar aplicações proprietárias de forma simples e eficiente.

 

11. Melhor taxa de conversão (CRO) e Otimização de Desempenho Web (WPO)

GoCache CDN

 

Não é novidade, aumentar a velocidade do site resulta em aumento de conversões. Maior velocidade implica em melhor experiência do usuário. De acordo com o site LoadStorm, 46% dos usuários não retorna a um site lento, sendo que 74% dos usuários abandonam um site depois de esperar 5 segundos pela sua abertura em um dispositivo móvel.

O Mobify também fez um estudo de caso recente sobre o efeito da velocidade em websites via acesso móvel. Os resultados foram os seguintes:

  • Para cada 100ms de redução na velocidade de carga da página inicial a base de clientes da Mobify viu um crescimento de 1,11% na conversão baseada em sessão. Isso resultou em um aumento da receita média anual de US $ 376.789 (somatória do resultado da base de clientes).
  • Para cada 100ms de redução de tempo de carga na página de checkout, os clientes da Mobify notaram um aumento de 1,55% na no tempo de duração da sessão. Isso resultou em um aumento da receita média anual de US $ 526.147(somatória do resultado da base de clientes).
  • O aumento de um page view por usuário resultou em um aumento de 5,17% na taxa de conversão por usuário. Para cada página adicional vista por um usuário a Mobify viu aumentar a receita anual do seu cliente médio em US $ 398.484(somatória do resultado da base de clientes).

 

Apesar de não sermos tão sensíveis assim à performance no Brasil, graças à baixa qualidade das nossas conexões, isso não reduz a importância de otimizar cada parte site, da página inicial seguindo todo o caminho do usuário até o checkout. A utilização de uma CDN pode garantir que seus ativos são entregues rapidamente ao longo de todo o funil de vendas, minimizando abandonos durante o processo.

 

12. Redução de TCO (Total Cost of Ownership – Custo Total de Propriedade)

GoCache CDN

 

Conforme explicado acima, na vasta maioria dos casos a CDN absorverá volumes superiores a 80% do tráfego do site. Isso, por sua vez, reduzirá consideravelmente a carga/custos no seu servidor de origem.

 

No Brasil os custos de banda internet estão entre os mais caros de toda a infraestrutura web. Esta economia por si só já representa um enorme benefício. Somando-se a isso o fato de que a maior parte das requisições ficará no cache (cache hits), resultando em menos carga na CPU e memória dos servidores de origem, temos então uma economia completa na infraestrutura. Não é incomum que esta economia chegue a níveis superiores a 60% dos custos totais de infraestrutura (hardware e tráfego do website), mesmo quando se adiciona o valor pago à CDN ao total.

 

Fatorando também os custos operacionais, que consideram operação e manutenção dos servidores, suporte técnico aos usuários do site, suporte comercial aos clientes e os danos à reputação da marca, fica fácil entender como o uso de uma CDN traz um pacote completo de benefícios.

 

Resumo

 

Então, por que usar uma CDN? Agora você sabe todos os benefícios que a utilização deste tipo de ferramenta traz. Além da melhoria drástica no desempenho, você também verá vantagens em SEO, melhores taxas de conversão, mais segurança, disponibilidade, menos custos com operação e suporte e uma melhor experiência de uso para seus visitantes, especialmente os que estão em locais geograficamente mais distantes do local onde seu servidor de origem está hospedado.  Muitas CDNs oferecem a oportunidade de testar (trial) antes de contratar o serviço, o que você está esperando?

 

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.