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

As primeiras impressões são importantes e, na web, você causa sua primeira impressão antes mesmo de qualquer coisa 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 em seu blog, se é que ele permanece. Agora, com WP Speed of Light Com as duas atualizações rápidas do complemento, você pode otimizar o tempo 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 tem novos recursos para otimizar os tempos de carregamento, principalmente com a possibilidade de carregar iframes e vídeos HTML5 com preguiça. Em segundo lugar, o plugin WordPress agora oferece ainda mais flexibilidade para decidir como armazenar arquivos em cache e como agrupar e reduzir scripts e folhas de estilo. Vamos mergulhar!  

lazy loading de vídeo Iframe e HTML5 no WordPress 

Se os tempos de carregamento são sua prioridade, você não precisa procurar muito. Nas configurações principais WP Speed of Light , um novo switch alternável apareceu para aumentar os tempos de carregamento do seu blog WordPress e, com ele, sua pontuação de SEO: lazy loading iframe e vídeo .

O Lazy loading é uma técnica de aceleração que carrega multimídia—imagens e vídeos, principalmente—somente quando um usuário rola até eles. Se o usuário nunca os alcançar, a imagem ou o vídeo simplesmente nunca será 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 aborda os piores infratores de todos. Iframes, geralmente páginas da web ou widgets, se incorporam ao seu blog WordPress – imagine carregar várias páginas da web de uma só vez. Por outro lado, os vídeos HTML5 agem como vídeos normais e também sobrecarregam os 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 plug-in do WordPress. Alterne o interruptor rotulado iframe e lazy loading e aproveite seus tempos de carregamento aprimorados.

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

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

As versões 3.1 e 3.2 do WP Speed of Light adicionaram suporte para pré-carregar páginas da Web listadas em sitemaps XML. Os Sitemaps guiam os mecanismos de pesquisa, como Google, Bing e Yahoo, para 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 mesmo para 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 configurações WP Speed of Light Certifique-se de ter ativado o pré-carregamento de cache e, em seguida, adicione links aos seus mapas do site no campo correto. Se você não tem certeza sobre os links do sitemap, pode usar um plugin de SEO, como o WP Meta SEO .

Na guia avançada Usando o 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 desfrutará de tempos de carregamento rápidos, mesmo depois de limpar o cache.

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

Você pode definir sua configuração na guia de integração da CDN Se você ativou sua conta Cloudflare, role para baixo até a seção On cache cleanup, também clean . Habilite o armazenamento em cache da Cloudflare e preencha os campos, opcionalmente, optando por limpar arquivos individuais .

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

À medida que seu site WordPress cresce e muda, seu blog tenderá a desacelerar. Seu instinto pode lhe dizer para aceitar a lentidão como inevitável, mas acelerar até mesmo o mais complexo dos sites não precisa representar 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 com sua própria solicitação e, portanto, adiciona tempo de carregamento. O agrupamento combina todas as folhas de estilo em um e todos os scripts em um, o que requer 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.  

configurações de agrupamento e minificação WP Speed of Light na guia minify Agora, na versão mais recente do plug-in, você pode personalizar como o agrupamento e a minificação se comportam em seu blog.

Por exemplo, se você estiver depurando, talvez não queira agrupar ou reduzir uma determinada folha de estilo ou script ou uma determinada página. Ou você pode descobrir que o agrupamento e a minificação renderizam sua página incorretamente ou que uma página não pode funcionar até que uma folha de estilo ou script seja carregado. Na agrupar e reduzir , agora você pode excluir o agrupamento e a redução de estilos embutidos 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, ao final, carregar as folhas de estilo e os 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 plug-in também adiará os scripts embutidos.

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

Uma das melhores características que WP Speed of Light poderia ter é que ele é compatível com todos os Hostings, por exemplo com Cloudways que é poderoso :)

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