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

As primeiras impressões são importantes, e na web, você causa sua primeira impressão antes mesmo de algo carregar no seu blog WordPress. O tempo que leva para sua página inicial ou qualquer outra postagem ou página do WordPress carregar determina quanto tempo um usuário permanece no seu blog, se é que eles permanecem. 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 WP Speed of Light Addon tem novos recursos para otimizar os tempos de carregamento, notadamente com a possibilidade de carregar preguiçosamente iframes e vídeos HTML5. Em segundo lugar, o plugin WordPress agora lhe dá ainda mais flexibilidade para decidir como armazenar arquivos em cache e como agrupar e minificar scripts e folhas de estilo. Vamos mergulhar nisso! 

Iframe e vídeo HTML5 lazy loading no WordPress 

Se o tempo de carregamento é sua prioridade, então você não precisa procurar muito. Nas configurações principais do WP Speed of Light, um novo botão de alternância apareceu para aumentar o tempo de carregamento do seu blog WordPress e, com ele, sua pontuação de SEO: carregamento lento de Iframe e vídeo.

O carregamento lento é 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 os alcança, a imagem ou vídeo simplesmente nunca é carregado. Ao carregar elementos apenas quando e se necessário, o WP Speed of Light não perde tempo e diminui o tempo que seus usuários precisam esperar antes de interagir com seu blog. 

O novo recurso enfrenta os piores ofensores de todos. Iframes, frequentemente páginas da web ou widgets, se integram ao seu blog WordPress — imagine carregar várias páginas da web ao mesmo tempo. Por outro lado, vídeos HTML5 agem como vídeos regulares e também consomem tempos de carregamento.

Felizmente, com WP Speed of Light, melhorar os tempos de carregamento é um procedimento excepcionalmente simples. Para habilitar lazy loading para iframes e vídeos HTML5, basta acessar as configurações do plugin WordPress. Alterne a chave rotulada iframe & vídeo lazy loading e aproveite 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 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, minimizando assim os tempos de carregamento imediatamente.

Versão 3.1 e 3.2 do WP Speed of Light adicionaram suporte para pré-carregar páginas listadas em sitemaps XML. Sitemaps guiam os motores de busca, como Google, Bing e Yahoo, para encontrar as páginas no seu site. Normalmente, 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 o cache. 

Para habilitar o pré-carregamento de cache, vá para a guia avançada em WP Speed of Light's configurações. Certifique-se de que você habilitou o pré-carregamento de cache e, em seguida, adicione links para seus sitemaps no campo correto. Se você não tiver certeza sobre os links do sitemap, você pode usar um plugin de SEO, como WP Meta SEO

A partir da guia Avançado, você também pode pré-carregar páginas específicas. Usando o campo Pré-carregar as seguintes páginas, você pode pré-carregar as páginas mais visitadas, como a página inicial do seu blog. Qualquer pessoa que visite essas páginas terá tempos de carregamento rápidos, mesmo depois de limpar o cache.

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

Você pode configurar sua configuração a partir da integração CDN guia nas configurações do plugin. Se você ativou sua conta Cloudflare, role para baixo até a seção que diz Ao limpar o cache, limpe também. Ative o cache Cloudflare e preencha os campos, opcionalmente escolhendo limpar arquivos individuais.

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

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

Agrupamento e minificação são duas ferramentas de otimização que geralmente 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, o que, portanto, requer apenas uma solicitação cada. A minificação, por outro lado, reduz o tamanho das 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 do Agrupar e minificar estão localizadas na guia de mesmo nome nas configurações. Agora, na versão mais recente do plugin, você pode personalizar como o agrupamento e a minificação se comportam no seu blog.

Por exemplo, se você estiver depurando, talvez não queira agrupar ou minimizar uma determinada folha de estilo ou script, ou uma determinada página. Ou você pode descobrir que o agrupamento e a minificação tornam sua página incorreta, ou que uma página não pode funcionar até que uma folha de estilo ou script seja carregada. A partir da agrupar e minimizar guia, agora você pode excluir o agrupamento e a minificação de estilos em linha e excluir páginas da otimização.

Outra opção de otimização é adiar o carregamento de folhas de estilo e scripts. Em outras palavras, com o WP Speed of Light, você pode primeiro carregar o conteúdo e, em seguida, no final, carregar as folhas de estilo e scripts. O objetivo: o usuário pode interagir com a página, embora de forma limitada, mais cedo. Agora, se você habilitar o adiamento do código JavaScript, o plugin também irá adiar scripts em linha.

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

Um dos melhores recursos que WP Speed of Light poderia ter é que é compatível com todos os Hostings, por exemplo com Cloudways que é um poderoso :)

Se o seu blog WordPress precisa de uma aceleração, não procure mais. Saiba mais sobre WP Speed of Light aqui