Melhorando a velocidade do site: tudo o que você precisa saber

A velocidade do site não é exatamente um assunto glamoroso, então não o culpo se você estiver evitando pensar muito nisso.

Mas a realidade nem sempre é conveniente - a velocidade do site está se tornando cada vez mais importante, e a atenção do usuário da Internet definitivamente não está aumentando.

Talvez ainda mais importante, o Google está prestando atenção a esse problema específico, e esse tempo de carregamento de 8 segundos está afetando seus rankings, quer você goste ou não.

Cada vez mais, os proprietários de sites estão entendendo que a velocidade do site faz parte de qualquer boa estratégia de SEO. Então coloque seus limites de aprendizado, vamos nos aprofundar.

Quanto isso realmente importa?

Deixe-me pará-lo ali mesmo.

Esta não é uma daquelas coisas que você pode simplesmente descartar e dizer "é apenas para o perfeccionista" ou "eu não tenho tráfego suficiente para que isso importe".

A velocidade do site é importante para todos os sites e o faz por vários motivos. Você seria sábio em não descartá-los.

Em primeiro lugar, pense em seus visitantes e seus hábitos de navegação. Alguns fatos:

Imagem cortesia Kissmetrics

Como se isso não bastasse para convencê-lo, vou em frente e informo que o Google também se importa - e isso deve ser lógico, certo?

No final das contas, o objetivo do Google é melhorar a Internet para os usuários. É do interesse deles incentivar continuamente os proprietários de sites a se comportarem bem e tornar a Web uma experiência mais segura e agradável. E com tantos usuários da internet sinalizando que a velocidade do site é importante, é natural que o Google leve isso em consideração em seu algoritmo.

Na verdade, isso não é novidade - o Google anunciou em 2010 que a velocidade do site era de fato um fator de classificação, então você pode apostar que isso não mudou, considerando que foi corroborado por dados de terceiros repetidamente.

Como medir a velocidade do site

Primeiro, você precisará medir a velocidade do seu site para avaliar se ele precisa ou não de amor.

Existem várias ferramentas disponíveis para você, e todas elas são gratuitas.

Você provavelmente terminará com um favorito, mas eu recomendo usar todos eles ao longo do processo. Digo isso porque cada ferramenta tem uma apresentação única e algumas exibem informações um pouco diferentes das outras.

Por último (e esta é uma grande ressalva), lembre-se de que a pontuação definitivamente não é a única coisa que importa aqui. A pontuação é uma referência que também varia entre as diferentes ferramentas - não há métrica universal para pontuação de velocidade da página.

O que você precisa lembrar é que cada situação é única. Você pode ter uma implementação específica que não reflete bem em termos de pontuação YSlow, mas isso não significa que o Google irá penalizar seu site ou que seu tempo de carregamento será excessivamente alto.

A linha inferior é que as pontuações são uma diretriz - não defina uma meta arbitrária e tente chegar a um número específico. Se você adotar essa abordagem, poderá rapidamente se ver fazendo sacrifícios desnecessários e cortando recursos úteis do seu site para atingir esse ponto de referência.

Apenas mantenha a mente aberta e você ficará bem. As ferramentas que eu recomendo usar são:

Informações do Google PageSpeed

O Google, é claro, tem sua própria ferramenta, e é aqui que você deve começar sua jornada.

Definitivamente não é o mais robusto do grupo - na verdade, é facilmente o mais básico de todas as ferramentas que vamos discutir. Mas dito isso, ainda é um lugar decente para começar sua jornada.

Dê uma olhada no que ele recomenda para o seu site e você deve ter uma ideia decente de quais áreas você deve procurar melhorar.

GTmetrix

Esta ferramenta é facilmente a minha favorita.

Para começar, ele fornece duas pontuações diferentes e um "gráfico em cascata". O gráfico em cascata pode ficar um pouco técnico, mas se você começar a pesquisar, verá que é um recurso inestimável.

Como você pode ver, o pessoal da IGN claramente tem seu trabalho cortado para eles. Dito isto, eles têm um número considerável de seguidores leais pré-existentes (talvez eles tenham experimentado e descoberto que seu tráfego de retorno não é afetado pelos horríveis tempos de carregamento).

De qualquer forma, também é ótimo que você possa criar uma conta gratuita no GTmetrix e fazer com que ele gere um relatório diário em sua página. Você pode visualizar o progresso ao longo do tempo ou comparar dois (ou mais) relatórios para ver quais itens você melhorou e qual foi seu efeito cumulativo em termos de desempenho.

Teste de página da Web

Apesar da aparência super desatualizada, essa ferramenta ainda é útil. Eu diria que está em algum lugar entre o GTmetrix e o Google PageSpeed ​​Insights em termos de utilidade.

Ele também fornece um gráfico em cascata e várias pontuações diferentes. Usando os relatórios, você obterá dados muito específicos e granulares sobre o que precisa ser melhorado e onde estão seus problemas.

Um recurso realmente bom (e único) está em sua capacidade de exibir pontuações de primeira vez e de visualizações repetidas. Eles diferem dependendo da configuração do cache e de alguns outros fatores. Definitivamente boa informação para ter.

Teste de velocidade do site Pingdom

Pingdom é outra oferta forte e tem a apresentação "mais bonita" de qualquer uma das ferramentas.

Eles têm uma versão paga que oferece mais recursos e vantagens, mas eu nunca tentei isso, então não posso dar uma recomendação ou avaliar seu verdadeiro valor ou potencial.

Posso dizer que a ferramenta gratuita é útil e eu definitivamente recomendo dar uma olhada.

Como melhorar a velocidade do seu site

Verdade seja dita, há muito o que cobrir em um ou dois artigos dedicados especificamente a melhorar a velocidade do site, e já existem muitos recursos úteis sobre esse assunto.

Neste guia, estamos apenas começando, então vou manter minhas recomendações acessíveis e tentar não me aprofundar muito nos aspectos técnicos.

Para muitos de nós, precisaremos contratar um especialista em velocidade do site para resolver totalmente os problemas encontrados em qualquer uma das ferramentas de teste acima. Mas todos nós podemos progredir sozinhos também - e se você tiver sorte, isso pode ser suficiente para obter o tempo de carregamento de <2 segundos que todos queremos.

Otimize suas imagens

Uma imagem vale mais que mil palavras - ou em termos de tamanho de arquivo, 100.000 palavras.

As imagens são ótimas para manter os visitantes engajados, construir uma identidade de marca e transmitir muitas informações rapidamente. Dito isto, eles geralmente são arquivos de tamanho considerável, que subsequentemente aumentam significativamente o tempo de carregamento da página.

Felizmente, otimizar imagens é fácil e pode ser feito em massa usando plugins.

Se você estiver no WordPress, basta baixar o EWWW Image Optimizer e editar em massa todos os seus uploads. Levará apenas alguns cliques e você poderá se afastar enquanto ele faz o trabalho pesado.

Você ficará surpreso com a quantidade de melhorias que verá apenas otimizando as imagens.

Escolha do tema

Se você estiver usando um tema para seu site em uma plataforma como o WordPress, não vai gostar do que tenho a dizer a seguir.

Embora possa não ser um problema para você, alguns temas são mal otimizados para velocidade. Depende totalmente do seu tema particular.

Faça pesquisas independentes, verifique fóruns e tópicos de suporte e verifique a documentação que acompanha seu tema. Pode haver conselhos específicos contidos na documentação ou configurações na configuração avançada do tema que você pode mexer para melhorar a velocidade do seu site.

Na pior das hipóteses, você pode ter que tomar a difícil decisão de que, a longo prazo, precisará escolher um tema diferente que tenha um código melhor otimizado.

Remova plugins desnecessários

Quando ajudo os clientes a otimizar seus sites, a primeira coisa que faço (depois de otimizar as imagens) é dar uma olhada em quais plugins eles estão instalados e ativos.

Muitas vezes fico surpreso com o que encontro - toneladas de plugins cosméticos inúteis, rastreamento duplicado do Google Analytics. O que você disser.

Dê uma olhada na sua lista de plugins - qualquer coisa que você não esteja usando ativamente deve ser removida.

Você pode ver quais plugins têm muitos recursos via GTmetrix e deve priorizar sua remoção sempre que possível.

Tamanho da página

Ter muitas imagens grandes, vídeos ou muitas linhas de código desnecessárias em seus arquivos .htaccess ou JavaScript pode contribuir para um site mais lento.

Faça com que seu desenvolvedor dê uma olhada na remoção do código do seu site quando apropriado. Muitas vezes, se o seu site tiver alguns anos, você terá recursos e detalhes que não serão mais usados.

Além disso, no tópico de vídeos incorporados, geralmente são arquivos grandes e incluem mais de um recurso JavaScript.

As pessoas estão realmente assistindo seus vídeos incorporados? Verifique sua análise na página (há um plugin para isso) para descobrir. Se as pessoas não estiverem realmente se envolvendo com eles, considere removê-los ou melhorar seu posicionamento e exposição.

Compressão GZip

Gzip é um aplicativo que reduz o tamanho de qualquer recurso maior que 150 bytes. Estamos falando de CSS, JavaScript, HTML, etc.

Há muita documentação disponível on-line sobre como começar a usar isso, e isso definitivamente fará a diferença na velocidade da sua página.

Minimize e concatene CSS e JS

Este pode ficar um pouco complicado, e você terá que ser um usuário avançado para entender tudo isso - eu mesmo não tenho conhecimento suficiente de tudo para lhe dar conselhos detalhados.

Mas o que posso dizer é que existem plugins que podem ajudar com isso se você estiver no WordPress.

• BWPMinify é um plug-in excelente e fácil de usar que pode ser exatamente o que você está procurando. Ele pode fazer várias melhorias sem exigir conhecimento avançado do usuário.
• Autoptimize é outro que você pode achar útil.

Trabalhar nesse ângulo específico exigirá alguma experimentação, então eu definitivamente recomendo utilizar um site de teste ou teste onde você possa mexer sem quebrar nada que esteja ao vivo e voltado para o cliente.

... isso é tudo?

Ah, você deseja.

Eu sei que tudo isso pode ser muito difícil de digerir se você não estiver particularmente familiarizado com o assunto, mas fica mais fácil.

Quanto mais você se expor ao assunto, experimentar plugins e utilizar as ferramentas de teste, mais entenderá os detalhes.

No final, você provavelmente ainda precisará da ajuda de um desenvolvedor talentoso e habilidoso - seja para assumir o projeto inteiro ou apenas para fazer alguns ajustes e verificar novamente a segurança e a estabilidade de seu próprio trabalho, mas valerá a pena o dinheiro gasto se você puder melhorar a experiência do usuário.