Plugin Native LazyLoad do Google

Plugin Native LazyLoad do Google

A versão mais recente do Chrome (76) adicionou um novo atributo de “carregamento” que suporta o carregamento LazyLoad nativo no navegador. Uma implementação para o núcleo do WordPress ainda está em discussão.

Enquanto isso, os plug-ins que permitem isso para sites WordPress estão começando a aparecer, e o Google acaba de lançar um.

O Native Lazyload foi criado pelo engenheiro do Google Felix Arntz e pela equipe por trás dos plugins oficiais de AMP e PWA para WordPress. Ele carrega assincronamente imagens e iframes com o novo atributo de carregamento para navegadores que o suportam.

O plugin também inclui um mecanismo de fallback para navegadores que ainda não o suportam, mas isso pode ser desativado com um filtro.

Importante

O plugin Native LazyLoad não possui configurações – os usuários simplesmente o ativam e ele funciona.

Em um post que apresenta o novo plug-in, o Arntz explica por que as opções atuais de carregamento lento, que exigem JavaScript personalizado, nem sempre são boas para o desempenho:

O carregamento preguiçoso há muito tempo não é uma opção, basta alternar para fazê-lo funcionar. Como não era um recurso do navegador, normalmente era necessário carregar e executar uma lógica JavaScript personalizada para fazê-lo funcionar. Infelizmente, o JavaScript em si é um recurso caro, e o carregamento lento, como foi feito até agora, pode, em certos casos, ter um impacto negativo no desempenho (por exemplo, se uma página não contém nenhuma imagem ou apenas uma única imagem imediatamente visível) ) Além disso, se um usuário desativasse o JavaScript em seus navegadores, o carregamento lento não funcionaria.

Como funciona o plugin Native LazyLoad do Google

O plug-in usa uma implementação semelhante que está sendo discutida no ticket principal. Arntz o descreveu como um “aprimoramento progressivo”, onde o desempenho do site de um usuário “melhorará magicamente sem intervenção”, à medida que mais navegadores adicionam suporte ao atributo de carregamento.

O plug-in usa uma implementação semelhante que está sendo discutida no ticket principal. Arntz o descreveu como um “aprimoramento progressivo”, onde o desempenho do site de um usuário “melhorará magicamente sem intervenção”, à medida que mais navegadores adicionam suporte ao atributo de carregamento.

Em breve LazyLoad nativo no WordPress

Com o lançamento deste plug-in e a entrada do Google no ticket trac relacionado, fica claro que a empresa está interessada em ver o núcleo do WordPress dar suporte ao novo atributo de carregamento.

O gerente de engenharia do Chrome, Addy Osmani, comentou o ticket há 10 dias para apoiar seu esforço e fazer algumas recomendações.

“A mudança ideal que eu gostaria de ver nos plug-ins de carregamento lento é adiar para o carregamento lento nativo, quando suportado, e aplicar seu fallback onde não é.”

Osmani estima que mais de 17 mil origens já estão usando loading = lazy, de acordo com o Google.

Download “Native Lazyload” native-lazyload.1.0.0.zip – Baixado 16 vezes – 17 KB

Luiz Eduardo Oliveira Fonseca

Infra @ Powertic, Rails Developer, Maintainer do Mautic Docker e do Saelos Docker, Revisor da Tradução do Mautic, Administrador da Comunidade Mautic Brasil.

Deixe uma resposta

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Fechar Menu
×
×

Carrinho