12 segredos para aumentar a velocidade de carregamento do site
Aqui estão os segredos e somente o que funciona em performance de sites, blogs e lojas virtuais. Através deste conteúdo você aprenderá o passo-a-passo para aumentar a velocidade de carregamento do site de forma assustadora. Com este conhecimento você estará um passo à frente de vários concorrentes que não possuem esta informação. Prepare-se para alcançar métricas incríveis em ferramentas como, Page Speed Insights, Pingdom, Gtmetrix, etc. No decorrer do artigo compartilharemos ferramentas secretas que te ajudarão a alcançar o máximo de desempenho possível. Para isso preparamos um rico conteúdo com infográfico sobre o assunto, caso goste pode compartilhar com seus amigos e parceiros. Dessa forma mais pessoas saberão a verdade para aumentar o desempenho de seus sites.
O maior incentivo para aumentar a velocidade de carregamento do site
Se há uma coisa que o Google odeia é não proporcionar uma ótima experiência para o usuário. Enquanto o site apresentar lentidão, ou seja, um incômodo, pode ter certeza que entre as "10 poltronas privilegiadas" você não estará. Muitos dizem que o algoritmo do buscador insiste em atualizar com muita rapidez e que amanhã talvez não funcione o que funciona hoje. Mas algo que nunca mudará, é a preocupação pela otimização do desempenho do site. Tendo em vista que ela está diretamente ligada ao bem mais precioso que o mecanismo possui, seus usuários.
Os profissionais fazem de tudo para melhorar a performance, cultivam o hábito de instalar plugins, desinstalar plugins, comprimem imagens e nada. Às vezes até comprometem recursos do site para tentar melhorar a velocidade, mas o resultado é sempre o mesmo: lentidão, demonstradas pelas ferramentas de análise. Parece que é impossível alcançar aquela regra dos 2 segundos, parece que isso só acontece em nosso site, na verdade parece até uma "maldição". Calma, nós sabemos como você se sente e já passamos por isso. Após muitos erros e acertos desenvolvemos um passo-a-passo para te ajudar.
O principal motivo é que corriqueiramente na internet nos deparamos com o compartilhamento de conteúdos desatualizados ou que só funcionam para alguns. Para isso criamos uma metodologia focada em performance, um verdadeiro passo-a-passo que te levará de um site lento e desabitado para um site extremamente rápido. Este guia funciona para todos os profissionais, estamos nos baseando na plataforma WordPress, por ser o CMS mais utilizado do mundo. Mas você pode adaptar cada um dos segredos a sua realidade. Por isso, pegue papel e caneta que será revelado agora a metodologia focada em performance e desempenho.
Aqui está o primeiro segredo.
WebPagetest é uma ferramenta simplesmente incrível.
Aqui está uma ferramenta para quem "joga um jogo grande", para aqueles que desejam entender como seu usuário se sente. Sem dúvidas ela proporciona uma análise extremamente rica e precisa sobre o desempenho do site. Ela foge um pouco dos padrões que estamos acostumados a ver, suas funcionalidades são incríveis. Você pode testar diferentes localidades para verificar como está procedendo às requisições do seu servidor. Ainda é possível testar diferentes navegadores e dispositivos, WebPagetest ainda proporciona a gravação da tela. Com isso, você conseguirá visualizar através de uma linha do tempo, em qual momento o usuário visualiza sua página.
Bem conhecida, não é mesmo?
Recomendamos a ferramenta Pingdom para uma análise mais técnica. Dentre suas funcionalidades, você tem a possibilidade de saber qual o tempo de carregamento atual. Porém o que ela mais auxilia é no detalhamento sobre o código da página, ou seja, detalhamento do javascript, css, html, etc. Você consegue saber o que está influenciando negativamente no tempo de carregamento da página. Poderá visualizar qual plugin ou recurso está prejudicando a performance do mesmo, logo mais iremos mostrá-los como você pode combinar está ferramenta com alguns plugins secretos. Com isso você irá extrair o máximo do seu projeto.
Desenvolvida pelo Google para os Webmasters, ela consegue demonstrar o quão otimizado o site está para dispositivos móveis e desktop. É interessante, pois através dela podemos contemplar como o buscador visualiza nosso site. Possui alguns recursos, entre eles, sugestão para diminuição de imagens, introdução do java script no final da página, etc. Desde já, queremos deixar algo bem claro, nada de obsessão pelos 100%. Pois para alcançar essa métrica você terá que comprometer diversas funcionalidades em seu site, e esse não é nosso objetivo.
Escolha um tema projetado para performance
É de suma importância escolher com bastante cautela o tema do seu site, pois existem temas que carregam diversos códigos desnecessários. Uma dica muito importante é você buscar temas que tenham funcionalidades nativas, e que evitem o uso de alguns plugins. Funcionalidades como, inserir o código do Google analytics, botões de compartilhamentos, entre outros recursos.
Verifique se os desenvolvedores informam que o tema é otimizado, mas um aviso é válido, não confie cegamente, converse com pessoas que já utilizam o tema. Busque temas mais minimalistas, ou seja, deixe seu site bonito, funcional e pronto; nada de "firulas". Priorize o conteúdo de qualidade em seu site, loja virtual ou blog, esse sim deve ser seu foco principal.
Tenha uma Hospedagem para WordPress robusta
Sem dúvidas se pudesse resumir todo este artigo em uma frase, eu diria:
Hospede seu site em um servidor robusto.
Em outras palavras, se tratando de desempenho de sites, o servidor é cerca de 85% do resultado. Não é exagero dizer que se fizer tudo o que mencionamos, mas seu projeto não estiver hospedado em um servidor de qualidade, tudo o que fizer será em vão.
E agora ecoa a seguinte pergunta:
Qual a melhor hospedagem para sites?
A resposta é simples, se possível hospede seu projeto em um servidor dedicado ou em nuvem.
Um servidor dedicado é exclusivo, sem falar que ele possui configurações de hardware diferenciadas. É um recurso bem utilizado quando se tem muitos acessos simultâneos, pois garante mais estabilidade.
Nós trabalhamos com servidores dedicados que são acima da média, monitorados em tempo real, com 16GB, 32GB, 64GB de memória, processadores Intel Xeon, AMD Opteron, conexão de internet garantida de 100Mbit/s, 200Mbit/s e 300Mbit/s. Convidamos você a conhecer mais sobre nossos servidores, você irá se surpreender.
Quando seu site não pode ficar 1 segundo que seja fora do ar, a alternativa são servidores redundantes e escaláveis em nuvem, atuamos com Amazon, Google Cloud e Azure, então se você tem uma aplicação crítica também podemos lhe atender, basta entrar em contato.
Hospedagem de qualidade e com custo benefício interessante
Se sua realidade atual não te possibilita a contratação de um servidor dedicado ou um serviço em nuvem. Se tratando de custo benefício se torna inviável em alguns casos, pois a dedicada tem um custo mensal em média 5x maior que outras opções. Conforme seu projeto for aumentando os acessos e você estiver tendo um maior retorno, a dedicada será uma opção perfeita para você. Por enquanto, é interessante utilizar uma hospedagem compartilhada de qualidade.
Você deve estar se perguntando, compartilhada de qualidade?
Há um "preconceito" bem recorrente quando se diz respeito a servidores compartilhados, mas algo deve ser esclarecido: existem compartilhadas de qualidade. Entre nossas soluções trabalhamos com servidores compartilhados que possibilitam uma performance extremamente alta. Esse desempenho, por exemplo, pode ser medido pelo tempo de carregamento de 1MB por segundo em média na ferramenta Pingdom, então mesmo na compartilhada você pode ter performance, desempenho e todo suporte em português quando precisar.
Servidores VPS ( Virtual Private Server)
Muito se fala de servidores VPS, mas eles possuem menos recursos que servidores dedicados. Na verdade uma VPS é um servidor dedicado compartilhado. Devemos informar que tal recurso para ser utilizado, necessita de conhecimento técnico, levando em conta que a instalação sem apoio de um especialista pode gerar muitos problemas.
Escolher um servidor de qualidade não diz respeito somente ao aumento da velocidade de carregamento do site. Mas também com a garantia que ele estará sempre disponível para ser acessado. Pois não é interessante produzir um conteúdo excepcional se o site fica fora do ar constantemente e você não tiver a quem recorrer.
Quanto mais seu servidor estiver afastado do seu usuário mais interferência haverá em seu carregamento. Isso pode ser resolvido através de uma tecnologia chamada de CDN, ela cria cópias de seu site em diversos servidores pelo mundo. O benefício é que quando seu visitante entrar em seu site será mostrado para ele a cópia que estiver no servidor mais próximo. Existem algumas opções bem interessantes no mercado, como CloudFlare , Amazon CloudFront, entre outras.
Comprima as imagens sempre antes de fazer o upload, pois as imagens na sua originalidade possuem metadados inseridos que são desnecessários. Toda compressão remove a qualidade da imagem, o que acontece é que essa perda não é perceptível a olho nu. Aqui fica uma dica, use o mínimo de plugins possível, para isso existe uma ferramenta online chamada TinyPNG. Ela comprime as imagens com bastante eficiência, sem retirar a qualidade da mesma.
Priorize sempre o formato em PNG, pois ele possui mais compatibilidade com ferramentas de compressão. Caso você for disponibilizar em seu site um ebook ou pdf, comprima com o iLovePDF pois comprimindo seus Pdfs você irá economizar recursos do seu servidor quando seu usuário baixá-lo. Mas se você é a favor de plugins que proporcionem mais praticidade para seu trabalho, Smush.it e EWWW Image Optimizer são ótimos. Tendo em vista, que suas compressões são feitas automaticamente no ato do upload.
Redimensione suas imagens corretamente
Muitas das vezes se tem muita preocupação com a compressão, mas o mesmo não acontece com a dimensão das imagens. Para isso nossa indicação é o Gtmetrix, entre suas funções você pode ver o tamanho ideal para sua imagem, ele indicará se você deve ou não redimensioná-las.
Pois o tamanho mal dimensionado também interfere no tamanho do arquivo. Para isso basta ir na opção Specify image dimensions, que você verá qual a dimensão correta para a imagem. Então é só redimensioná-la e fazer o upload novamente.
Cache é um recurso desenvolvido para melhorar o tempo de carregamento. Pois ele armazena conteúdo estático de páginas visitadas com frequência, para que quando o usuário visite a página novamente, não seja preciso fazer tantas requisições ao servidor. Pois parte da página está guardada no browser.
Acreditamos que não existam soluções unilaterais, ou seja, cada plugin de cache terá um comportamento variado, dependendo do tema. Existem algumas soluções no mercado como W3 TotalCache, Wp Super Cache, WP Fastest Cache, Quick Cache, ZenCache, etc.
Este plugin é um dos segredos para um carregamento extremamente rápido. A3 lazy Load tem por finalidade evitar que as imagens, vídeos, entre outros arquivos, sejam carregados juntos com o conteúdo. Primeiro o usuário verá seu conteúdo, depois as imagens serão exibidas.
Isso aumenta o desempenho de forma assustadora, o usuário terá uma experiência incrível ao visitar seu site, pois o que mais importa para ele está sendo mostrado primeiro.
Já imaginou poder fazer uma auditoria de seus plugins para descobrir qual deles está consumindo mais recursos de seu servidor? A solução está no P3 (Plugin Performance Profiler), após sua análise você saberá qual plugin deve ser visto com mais atenção.
Com isso você poderá buscar outra opção que faça a mesma funcionalidade, já que existem vários plugins para a mesma funcionalidade. Então você irá refazer o teste, e a opção que consumir menos recursos ficará em seu site. Isso é explorar o máximo da performance de um site.
O P3 está sem receber atualizações, isso pode trazer alguma dificuldade no seu uso, no entanto existem versões alternativas como o Query Monitor.
Acreditamos que o segredo dos segredos para sites e CMS's desenvolvidos em PHP, como o WordPress, está na versão do PHP.
Um site na versão 5.4 do PHP carrega em uma velocidade muito menor do que um site na versão 7.1. Em nosso site particularmente essa diferença chega em média a ficar 3x mais rápido, só fazendo a atualização da versão do PHP.
Por isso, atualize a versão de seu PHP e irá se surpreender com o desempenho. Caso não saiba efetuar este procedimento ou tenha qualquer outra dúvida, basta entrar em contato conosco.