Iframe e HTML5 lazy loading, pré-carregamento de cache e mais no WordPress

As primeiras impressões contam e, na web, você causa a sua primeira impressão antes mesmo de qualquer coisa carregar no seu blog WordPress. O tempo que a sua página inicial ou qualquer outro post ou página do WordPress leva para carregar determina quanto tempo um usuário permanece no seu blog, se é que ele permanece. Agora, com WP Speed of Light as duas atualizações rápidas do Addon, você pode otimizar os tempos de carregamento do seu blog e melhorar ainda mais o SEO. 

A atualização mais recente traz dois novos tipos de recursos. Primeiro, o Addon WP Speed of Light tem novos recursos para otimizar os tempos de carregamento, nomeadamente com a possibilidade de lazy-load de iframes e vídeos HTML5. Segundo, o plugin WordPress agora oferece ainda mais flexibilidade para decidir como armazenar ficheiros em cache e como agrupar e minificar scripts e folhas de estilo. Vamos mergulhar! 

Carregamento diferido de iframes e vídeos HTML5 no WordPress 

Se os tempos de carregamento são a sua prioridade, então não precisa de procurar muito. Nas configurações principais do WP Speed of Light, apareceu um novo interruptor ativável para melhorar os tempos de carregamento do seu blog WordPress e, com isso, a sua pontuação SEO: carregamento diferido de iframes e vídeos lazy loading.

Lazy loading é uma técnica de aceleração que carrega multimídia — imagens e vídeos, principalmente — apenas quando um usuário rola até eles. Se o usuário nunca chegar até eles, a imagem ou o vídeo simplesmente nunca carrega. Ao carregar elementos apenas quando e se necessário, o WP Speed of Light não perde tempo e reduz o tempo que seus usuários precisam esperar antes de interagir com seu blog. 

A nova funcionalidade resolve os piores infratores de todos. Os iframes, frequentemente páginas web ou widgets, incorporam-se no seu blog WordPress — imagine carregar várias páginas web ao mesmo tempo. Por outro lado, os vídeos HTML5 comportam-se como vídeos normais e também consomem tempo de carregamento.

Felizmente, com o WP Speed of Light, melhorar os tempos de carregamento é um procedimento excecionalmente simples. Para ativar o lazy loading para iframes e vídeos HTML5, basta aceder às configurações do plugin do WordPress. Ative o interruptor com a etiqueta iframe e vídeo lazy loading e aproveite os seus tempos de carregamento melhorados. 

Pré-carregamento de cache para posts e páginas do WordPress 

A outra técnica predominante para melhorar os tempos de carregamento é através do cache e do pré-carregamento. Normalmente, o WordPress gera o cache quando um usuário visita uma página pela primeira vez. Com o pré-carregamento, no entanto, o WP Speed of Light gera o cache quando você o limpa e, assim, minimiza imediatamente os tempos de carregamento.

As versões 3.1 e 3.2 do WP Speed of Light adicionaram suporte para pré-carregar páginas web listadas em sitemaps XML. Os sitemaps orientam os motores de busca, como o Google, o Bing e o Yahoo, a encontrar as páginas do seu site. Normalmente, então, os sitemaps contêm links para as páginas mais importantes do seu blog, ou até mesmo todas elas. Por sua vez, os sitemaps representam a ferramenta ideal para pré-carregar a cache. 

Para ativar o pré-carregamento da cache, vá ao separador avançado nas configurações do WP Speed of Light. Certifique-se de que ativou o pré-carregamento da cache e, em seguida, adicione os links para os seus sitemaps no campo correto. Se não tiver a certeza sobre os links dos sitemaps, pode usar um plugin de SEO, como o WP Meta SEO.

No separador avançado , também pode pré-carregar páginas específicas. Utilizando o campo Pré-carregar as seguintes páginas , pode pré-carregar as páginas mais visitadas, como a página inicial do seu blogue. Qualquer pessoa que visite essas páginas beneficiará de tempos de carregamento rápidos, mesmo depois de limpar a cache.

O cache agora também suporta a limpeza do cache apenas para URLs específicas, mesmo que você use uma CDN. As CDNs servem o conteúdo do seu blog WordPress a partir de servidores em todo o mundo, entregando páginas web a partir de localizações geograficamente próximas dos usuários. Com a atualização mais recente, você pode especificar quais páginas da CDN deseja armazenar em cache.

Pode configurar as suas definições no separador Integração com CDN das configurações do plugin. Se tiver ativado a sua conta Cloudflare, desça até à secção que diz Na limpeza da cache, limpar também. Ative a cache da Cloudflare e preencha os campos, podendo optar por limpar ficheiros individuais.

 Melhorar o agrupamento e a minificação de scripts e folhas de estilo

À medida que o seu site WordPress cresce e muda, o seu blogue tende a ficar mais lento. O seu instinto pode dizer-lhe para aceitar a lentidão como inevitável, mas acelerar até os sites mais complexos não tem de ser uma tarefa impossível. O agrupamento e a minificação ajudam-no a controlar os tempos de carregamento.

O agrupamento e a minificação são duas ferramentas de otimização que frequentemente ocorrem juntas. A maioria dos sites usa várias folhas de estilo e scripts, cada um dos quais implica sua própria solicitação e, portanto, adiciona tempo de carregamento. O agrupamento combina todas as folhas de estilo em uma e todos os scripts em um, que, assim, exigem apenas uma solicitação cada. A minificação, por outro lado, reduz o tamanho de folhas de estilo ou scripts individuais ou de grupos de folhas de estilo e scripts, reduzindo ainda mais o tempo de carregamento. 

WP Speed of Lightas configurações de agrupamento e minificação estão no separador, apropriadamente chamado, agrupar e minificar nas configurações. Agora, na versão mais recente do plugin, pode personalizar o comportamento do agrupamento e da minificação no seu blogue.

Por exemplo, se estiver a depurar, pode não querer agrupar ou minificar uma determinada folha de estilos ou script, ou uma determinada página. Ou pode descobrir que o agrupamento e a minificação fazem com que a sua página seja apresentada incorretamente, ou que uma página não funciona até que uma folha de estilos ou script seja carregado. A partir do separador agrupar e minificar , agora pode excluir tanto o agrupamento e a minificação de estilos inline como excluir páginas da otimização.

Outra opção de otimização é adiar o carregamento de folhas de estilo e scripts. Por outras palavras, com o WP Speed of Light, pode primeiro carregar o conteúdo e, em seguida, no final, carregar as folhas de estilo e os scripts. O objetivo: o utilizador pode interagir com a página, ainda que de forma limitada, mais cedo. Agora, se ativar o adiamento do código JavaScript, o plugin também irá adiar os scripts inline.

A otimização é importante, mas cada blog WordPress tem necessidades diferentes. À medida que o WP Speed of Light continua a evoluir, a sua oferta também evolui. As versões 3.1 e 3.2 do addon oferecem tanto novas funcionalidades para acelerar todos os blogs — carregamento diferido de iframes e vídeos HTML5 — como novas opções para ajustar o funcionamento do pré-carregamento da cache, e do agrupamento e minificação.

Uma das melhores funcionalidades que o WP Speed of Light poderia ter é que é compatível com todas as hospedagens, por exemplo com a Cloudways que é uma das mais potentes :)

Se o seu blog WordPress precisa de um aumento de velocidade, não procure mais. Saiba mais sobre WP Speed of Light aqui.