A coceira de um ano do seu blog (e o que fazer sobre isso)

Quando você realmente entra no ritmo dos blogs, há muito o que pensar. Administrar um site requer sua atenção em vários níveis – conteúdo, marketing, design e assim por diante.

Com isso em mente, não é uma grande surpresa que você possa perder de vista alguns dos fundamentos da gestão de um blog. Eu chamo isso de “Coceira de Um Ano”. Aquele momento em que você está tão envolvido no funcionamento diário do seu site que está esquecendo algumas das coisas mais importantes.

Essa é exatamente a posição em que me encontrei recentemente, mas felizmente me afastei da floresta para ver as árvores e voltei ao caminho certo. Neste post, quero explicar o que você pode ter perdido de vista e mostrar como consertar as coisas.

Eu sinto a necessidade de velocidade

Eu tenho uma obsessão saudável com velocidade. Velocidade de carregamento da página para ser mais específico (não tão glamoroso quanto Top Gun, mas não menos importante por esse fato).

Entendo o impacto que a velocidade de carregamento pode ter na experiência do usuário e, em última análise, nos seus resultados. Na verdade, já escrevemos sobre como aumentar a velocidade do site aqui no WPExplorer muitas vezes antes.

E, no entanto, eu tinha perdido de vista a importância da velocidade de carregamento da página no meu próprio blog. Eu estava tão envolvido no dia-a-dia do meu blog que perdi de vista o fornecimento de uma experiência de usuário de qualidade no nível mais básico (ou seja, a rapidez com que a página carrega). Depois de quase dois anos de vida, meu blog ficou atolado como resultado da minha obsessão por ajustes e estava realmente aparecendo.

Acertar no básico

Depois de perceber meu erro, verifiquei se ainda estava acertando as coisas simples. Isso me traz de volta ao meu artigo original aqui no WPExplorer sobre a velocidade do site, no qual abordei o seguinte:

• Medindo a velocidade do site
• Cache
• Otimização de imagem
• Carregamento lento

Estes são o que eu gosto de chamar de “frutos fáceis” quando se trata de melhorar a velocidade do site. Eles são rápidos e fáceis de implementar. Mas eu sabia que tinha alguns problemas mais fundamentais quando se tratava da velocidade de carregamento do meu site. Era hora de cavar um pouco mais fundo.

Se você é culpado de fazer ajustes em seu site, pode ter elementos redundantes e/ou indignos em suas páginas da web que estão diminuindo drasticamente a velocidade do seu site. Isto é o que eu encontrei para o caso para mim. Continue lendo para descobrir o que você pode estar perdendo.

Os efeitos colaterais do ajuste sem fim

Meu primeiro passo foi ir até o Pingdom e testar o tempo de carregamento da minha página inicial. Não foi bonito – o tempo de carregamento foi de cerca de 5 segundos – mais lento do que cerca de 80% de outros sites de acordo com suas estatísticas.

No entanto, uma vez que terminei com meus ajustes, o resultado foi muito melhor:

O processo pelo qual passei para melhorar a velocidade do meu site foi extremamente simples. Se você executar seu próprio site através do Pingdom, obterá um relatório semelhante ao que vê acima, mas é o que você encontrará abaixo que realmente nos interessa:

Essa é uma parte de uma lista de todas as solicitações feitas para carregar meu site – em essência, o número de arquivos diferentes que foram carregados para produzir a página da Web por completo. Por padrão, eles são classificados pela ordem em que foram carregados (que normalmente é a ordem em que são chamados no código-fonte da página), que é uma ordem lógica, mas não a mais útil para nós.

O que você precisa fazer é clicar na caixa suspensa no topo da lista e selecionar “Classificar por tamanho de arquivo”. Agora você tem uma lista dos arquivos que estão sugando a vida do seu site em ordem de porcaria (por falta de uma palavra mais apropriada):

Você pode descobrir ao classificar a lista que algumas solicitações são totalmente redundantes. Você também pode descobrir que há solicitações feitas que simplesmente não valem a carga que colocam em seu site. O céu agora é realmente o limite quando se trata de reduzir seu site a uma forma mais elegante.

Com essas novas informações, você pode começar a remover e otimizar arquivos que causam mais problemas do que valem a pena.

Tocando as mudanças

Com base em que você já realizou as melhorias básicas na velocidade do site abordadas acima, precisamos arregaçar as mangas e ficar um pouco mais sujos.

Limpe seus plugins

Minha primeira recomendação seria verificar seus plugins. Se você estiver executando seu site por um tempo, certamente descobrirá que existem plug-ins instalados em seu site que você nem está mais usando. Alternativamente e/ou adicionalmente você pode achar que os plugins que você  usa mal valem a pena.

Embora eu seja o primeiro a dizer que o número de plugins que você instalou em seu site não é o fator principal (é a carga que esses plugins colocam em seu site que importa), é justo dizer que quanto menos plugins você tiver instalado, maior a probabilidade de você ser vítima de um processo de uso intensivo de recursos.

Eu recomendaria que você instalasse e iniciasse o Plugin Performance Profiler. Esta pequena beleza irá escanear várias páginas do seu site e fornecer uma estimativa do efeito de cada plug-in na sua velocidade de carregamento geral. Veja como ficou meu relatório:

Eu recomendo que você execute de 3 a 4 relatórios para obter uma melhor visão geral do desempenho, pois os resultados podem variar. Não estamos realmente procurando por números precisos aqui – mais uma indicação clara de quaisquer plugins que estão provando ser um grande dreno nos recursos.

O próximo passo lógico é tomar uma decisão se você pode justificar a desinstalação de qualquer um dos seus plugins. Em última análise, deve ser uma decisão baseada em seu desejo de oferecer uma experiência de usuário de qualidade – os benefícios introduzidos pelos plug-ins devem superar o tempo de carregamento adicional.

Limpe seus ajustes manuais de código

Se você fez alguma alteração manual nos arquivos PHP do seu tema, espero que tenha feito isso com um tema filho , caso contrário, esse processo será potencialmente uma dor de cabeça. Caso contrário, seu primeiro passo deve ser criar um tema filho e mover todos os seus arquivos de tema personalizados para ele.

Supondo que você tenha um tema filho (de uma forma ou de outra), sua tarefa agora é percorrer cada arquivo na pasta do seu tema e verificar se não há código redundante contido nele. Aqui está o que eu encontrei dentro dos meus arquivos:

• Referências a fontes do Google que não uso mais (na verdade, nunca usei – estava apenas brincando com elas).
• Um pedaço de código para alguns botões de compartilhamento social em uma página do meu blog que estava sendo carregado em todas as páginas.
• Algum código para uma “caixa de curtidas” do Facebook que estava consumindo muito mais recursos do que justificava.
• Algumas funções personalizadas no meu arquivo functions.php que não eram mais usadas.

Em alguns casos, você pode remover esses elementos sem efeitos colaterais negativos. Em outros casos, você pode querer manter qualquer funcionalidade que seus ajustes tenham introduzido. Se eles forem particularmente intensivos em recursos, recomendo que você analise o carregamento assíncrono, o  que garante que quaisquer scripts potencialmente gananciosos não impeçam o carregamento do restante da página.

Otimize suas imagens

Existem imagens que são carregadas em todas as páginas do seu site, como as da barra lateral e do seu logotipo. Vale a pena certificar-se de que eles sejam tão pequenos quanto possível, pois seu tamanho combinado pode ser bastante considerável.

O processo de otimização deve ser dividido em duas etapas:

1. Otimização com perdas: usando um software de edição de gráficos de sua escolha, salve seu arquivo com a maior quantidade de otimização com perdas que você puder suportar (aplicável apenas a jpeg). Descobri que salvar uma imagem com 70-80% de otimização é um bom ponto ideal.
2. Otimização sem perdas: execute suas imagens através de um plugin como o Smush Image Compression  para que elas sejam compactadas ainda mais sem perda de qualidade de imagem.

Otimizar suas imagens pode fazer uma enorme diferença sem nenhum impacto perceptível na experiência do usuário, por isso é um pouco óbvio.

Etapas adicionais

Você deve ser capaz de reduzir drasticamente a velocidade de carregamento com as medidas acima, mas é claro que pode ir ainda mais longe.

Por exemplo, a hospedagem e a entrega de conteúdo podem fazer uma enorme diferença nos tempos de carregamento. Um site hospedado em um servidor compartilhado nunca será concluído com um hospedado em um servidor dedicado em parceria com uma rede CDN. Nosso próprio AJ Clarke recomenda a comunidade CloudFlare  para aumentar a velocidade de carregamento  e aumentar a segurança.

Não está no escopo deste post detalhar os prós e contras de diferentes provedores de hospedagem, então eu aconselho que você comece fazendo os ajustes recomendados neste post. Se você deseja mais, entre em contato com seu provedor de hospedagem e peça conselhos sobre como melhorar seu pacote de hospedagem e/ou incorporar o CDN.

Se você tiver alguma dúvida, dispare na seção de comentários abaixo!