Otimize o desempenho do seu site em 5 etapas simples... de graça!

O Hummingbird já é um dos plugins de otimização mais populares no mundo WordPress. Com a atualização mais recente, vem o assistente de inicialização, tornando a configuração mais simples e rápida do que nunca.

Se você ainda não o fez, certifique-se de baixar o plugin Hummingbird gratuitamente no WordPress.org hoje.

Neste post, vamos fazer uma demonstração do novo assistente, para mostrar como otimizar seu site para velocidade e desempenho está a apenas alguns cliques de distância.

Continue lendo ou use os links abaixo para pular para qualquer seção:

• Ávido por velocidade
• Passo a passo do assistente
  • Passo 1 – Começando
  • Etapa 2 - Otimização de ativos
  • Passo 3 – Tempo de atividade
  • Etapa 4 - Cache de página
  • Passo 5 – Ferramentas Avançadas
• Otimização de pico para a vitória

Você está pronto para essa feitiçaria de Harry Potter?

Ávido por velocidade

A velocidade do site geralmente está no topo da lista dos mais procurados por todos. E se não for, deveria ser.

Maior velocidade significa mais tráfego, o que equivale a maiores interações e conversões. Pegar esse potencial para direcionar mais negócios para o seu site é um acéfalo.

Sem mencionar o aumento que você obterá em sua classificação de SEO, porque a velocidade do site é considerada um sinal nos algoritmos de classificação de pesquisa do Google.

A velocidade do site depende de vários fatores, mas um dos mais importantes é a otimização. O cache e a compactação causam um grande impacto, e é exatamente isso que o Hummingbird faz.

Além de ser um conjunto completo de cache (ele lida com página, navegador, objeto, Gravatar e RSS), o Hummingbird também oferece otimização de ativos de alto nível.

Aqui estão algumas das otimizações que o Hummingbird inclui:

• Compressão – minimiza arquivos removendo código desnecessário
• Combine – arquivos menores combinados resultando em menos arquivos fazendo menos solicitações
• Mover para o rodapé – scripts que não são necessários para carregar uma página podem ser colocados no rodapé, garantindo que não impeçam o carregamento de outros ativos de página
• CSS Inline – coloca CSS dentro do arquivo HTML, reduzindo o número de arquivos que o navegador precisa baixar
• Adiar – força os arquivos a suspender o carregamento até que todo o resto seja carregado
• Assíncrono – carrega ativos de forma assíncrona, executando-os assim que estiverem prontos
• Pré-carregar – pré-carregue os principais ativos, garantindo que estejam prontos assim que forem necessários
• Otimização de fontes – otimiza a entrega de suas fontes

Todas essas ações se prestam a um tempo de transferência drasticamente reduzido, o que proporciona ganhos de velocidade desejáveis.

Tudo bem… a magia espera! Vamos levantar a varinha.

Passo a passo do assistente

Se você ainda não o fez, instale e ative o Hummingbird no painel do WordPress ou no repositório de plugins WP.org. Depois, o assistente será iniciado automaticamente.

Passo 1 – Começando

Aqui você pode ativar o rastreamento de uso (eu fiz) ou deixá-lo desligado. É completamente sua chamada.

Nota: O WPMU DEV rastreia apenas dados não confidenciais sobre o uso de recursos, WordPress e ambiente de servidor e tipo de navegador/SO. Não rastreamos ou armazenamos dados pessoais de seus visitantes. (Você pode ler nossa política aqui.)

Clique no botão azul Começar na parte inferior da página.

Isso nos leva imediatamente para…

Etapa 2 - Otimização de ativos

Esta seção é sobre como combinar e reduzir seus arquivos.

Ativar compactação rápida é ativado por padrão. Eu recomendo deixá-lo ativado, pois ele fornecerá melhorias de velocidade. Clique no botão Continuar na parte inferior da página.

Você receberá uma janela pop-up com uma barra de status progressiva, pois o Hummingbird verifica rapidamente os ativos do seu site.

Passo 3 – Tempo de atividade

O tempo de atividade é um recurso Pro, e é por isso que está acinzentado / ignorado.

Como um FYI, o Uptime permite que você seja alertado imediatamente se seu site cair e quando seu site voltar a funcionar.

Você também pode acompanhar por quanto tempo seu site ficou inativo, quando foi a última vez que seu site ficou inativo, bem como os tempos de resposta do servidor.

Se você estiver interessado em acessar esse recurso (e ainda mais recursos), clique no botão roxo Try Pro for Free na parte superior do assistente.

Etapa 4 - Cache de página

Nesta seção, você pode ativar uma ou mais opções básicas do recurso Cache de Página.

As opções disponíveis no assistente são:

Cache em dispositivos móveis – O cache de página é habilitado para dispositivos móveis por padrão. Desative se preferir não usar o cache móvel.

Limpar cache na postagem de comentários – Isso limpará o cache da página após cada comentário feito em uma postagem.

Cache de cabeçalhos HTTP – o Hummingbird não armazenará cabeçalhos HTTP em cache por padrão. Se você quiser incluí-los, habilite isso. (Recomendamos ativar.)

Mostrar botão de limpeza de cache na barra de administração – Isso adicionará um botão de atalho às configurações do Hummingbird, na barra de administração superior do WordPress, permitindo que você limpe o cache clicando nele. (Isso limpará todos os tipos de cache ativos).

Todos estão ativados por padrão, e sugiro deixá-los assim (a menos que você tenha motivos para fazer o contrário). Clique no botão Continuar mais uma vez para confirmar suas seleções.

Passo 5 – Ferramentas Avançadas

Aqui você pode habilitar uma ou mais opções avançadas no Hummingbird.

Remover strings de consulta de meus ativos – Isso removerá strings de consulta de URLs (ex: “?x=y”), pois servidores, CDNs ou sistemas de cache não gostam deles, e removê-los pode ajudar a aumentar a velocidade.

Remova os arquivos Emoji JS e CSS padrão – Isso removerá os arquivos Javascript e CSS que convertem símbolos comuns em emojis. Desative isso se você não se importa em ver emojis visuais.

Desliguei o segundo porque gosto de ver emojis em sua glória artística colorida.

Selecione as opções de sua preferência e clique no botão Continuar .

É isso! Já estamos na linha de chegada.

Esta última tela mostra um resumo de todas as seleções que fizemos durante este assistente de configuração.

Com as configurações definidas, é um ótimo momento para dar uma primeira olhada no desempenho atual do seu site. Clique no botão Executar teste de desempenho para obter um relatório detalhado.

Você obterá outra janela da barra de progresso de carregamento enquanto o teste é executado. Em seguida, ele carregará a página principal do painel do Hummingbird, com todos os resultados do teste.

(Ou você pode simplesmente pular clicando no botão Go To Dashboard , se preferir executar o teste mais tarde.)

O Hummingbird está fornecendo muitas informações poderosas aqui. Cada um dos resultados do teste oferece insights e oportunidades de melhoria. Ao clicar em qualquer uma das métricas, você pode ver quais são os possíveis problemas e o que pode fazer para melhorá-los.

Há também integrações úteis adicionais no Hummingbird, como o APO da Cloudflare (serviço pago através da Cloudflare), CDN através da hospedagem do WPMU DEV (este é um recurso Pro) e Lazy Loading with Smush - o premiado otimizador de imagens (isso é gratuito). Eles também podem ser visualizados/editados a qualquer momento, no menu do painel do Hummingbird.

Otimização de pico para a vitória

Bastam alguns minutos e alguns cliques para deixar seu site em boas condições. E não há tempo como o presente.

Com recursos de compactação de última geração, como minificação e armazenamento em cache de classe mundial, o Hummingbird oferece muita otimização em um único plug-in. E nós mencionamos que é grátis?

Embora a velocidade do site não seja tudo… Não, risque isso. Isso é. A velocidade do site é tudo. E você pode pegar uma tonelada simplesmente implementando o Hummingbird.

Formidável, gratuito e agora ainda mais rápido e fácil com o assistente de inicialização. Beija-flor vai te colocar na pista rápida do jogo de velocidade!