A carga adiada (carregamento lento) nativo do WordPress está aqui!

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br


Estamos jogando isso ultimamente!

Se nesta semana anunciamos que o WordPress terá mapas de sites nativos este ano, agora está confirmado que WordPress incorporará carga adiada nativa (carregamento lento) Nós conversamos há muito tempo.

Não estenderei muito o que é e o que a carga diferida implica, já que eu já expliquei neste artigo, então vamos com as notícias relevantes.

O objetivo: melhorar o desempenho do WordPress

A carga adiada (carregamento lento) nativo do WordPress está aqui! 1

Embora até o momento o carregamento adiado de imagens seja necessário usando JavaScript, já existe uma solução da Web nativa que requer apenas o atributo

loading

em tags HTML

img

e oferece uma experiência padrão sem alterar o conteúdo.

Também O atributo já é suportado pelos principais navegadores.

Como você já leu, o problema de carregar a web não é por causa do WordPress, mas por causa das imagens. E sem o carregamento diferido, todas as imagens de uma página da web são carregadas automaticamente ao acessar o URL, independentemente de o usuário rolar para vê-las ou não.

Isso afeta negativamente a percepção do tempo de carregamento da página, por um lado, e a consumo excessivo de recursos desnecessários da rede e do servidor, por outro.

O fato de o WordPress incorporar a carga adiada nativa por padrão impactará significativamente o desempenho e a velocidade de milhões de sites, graças à sua imensa implementação, e tudo isso sem que usuários e administradores da web precisem ter nenhum conhecimento técnico, nem mesmo sabendo qual é a carga diferida ou carregamento preguiçoso.

De novo, WordPress tem a oportunidade de liderar a Internet, adotando uma tecnologia que acelera significativamente a experiência do usuário em todos os sites WordPress.

Leia Também  Como personalizar a página "Minha conta" do WooCommerce

Como vai ser feito?

A carga adiada (carregamento lento) nativo do WordPress está aqui! 2

Você nem vai descobrir!

Mas para que você saiba o que estará por trás do capô, nas entranhas do WordPress, esta é a explicação técnica de como isso será feito …

Atualmente, o atributo

loading

Tem dois valores possíveis:

  • eager

    , que carrega a imagem imediatamente, ao carregar a página

  • lazy

    , que carrega a imagem apenas quando precisa ser vista no dispositivo

O que o WordPress fará é adicionar o atributo

loading

com coragem

lazy

em todas as tags

img

:

  • Imagens no conteúdo de postagens e páginas
  • Imagens nos extratos
  • Imagens nos comentários
  • Imagens nos widgets
  • Imagens enviadas usando
    wp_get_attachment_image()
  • Avatares enviados via
    get_avatar()

Sim, o atributo

loading="lazy"

Ele será adicionado apenas se a tag ainda não incluir um atributo de pré-carregamento. Vamos lá, isso respeitará os atributos esperados que você possui e, incidentalmente, se você quiser que uma imagem não seja carregada diferentemente, será necessário adicionar manualmente o atributo

loading="eager"

.

Você é desenvolvedor?

A carga adiada (carregamento lento) nativo do WordPress está aqui! 3

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br

Não tenha medo, embora seja verdade que as imagens na lista anterior serão carregadas por padrão, como desenvolvedor, você pode pular esse comportamento, globalmente e em cada imagem.

Um novo filtro foi criado,

wp_lazy_loading_enabled

, que permitirá ativar ou desativar esse recurso.

Por exemplo, o código a seguir desativa completamente o carregamento diferido WordPress:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Com esse filtro, você também pode passar um segundo parâmetro,

$tag_name

, com o qual ativar ou desativar a carga adiada de uma tag específica, e você também pode usar o parâmetro

$context

, com o nome do filtro que está sendo executado.

Atualmente, ele só pode ser aplicado ao valor

img

, mas como já está sendo considerado adicionar valores de carregamento a outras tags HTML (por exemplo, alguns navegadores já podem aplicar o atributo

loading

em tags

iframe

), teremos esse parâmetro para compatibilidade futura.

Portanto, por exemplo, se você deseja conciliar mais e desativar a carga adiada apenas para imagens, para que as próximas tags incorporadas tenham essa atividade ativa, você pode usar o seguinte código:

add_filter(
        'wp_lazy_loading_enabled',
        function( $result, $tag_name ) 
                if ( 'img' === $tag_name ) 
                        return false;
                
                return $result;
        ,
        10,
        2
);

Além desse filtro, há outro,

wp_set_image_loading_attr

, que filtra o valor da imagem pelo atributo de carregamento da imagem.

O filtro passa a marcação completa da etiqueta

img

, incluindo todos os atributos como um segundo parâmetro, todo o bloco de conteúdo ao qual a imagem pertence e até seu contexto.

Este filtro

wp_set_image_loading_attr

Ele pode ser usado, por exemplo, para interagir com plug-ins que já usam diferentes mecanismos de carregamento adiado.

De qualquer forma, é recomendável usá-lo apenas como um dispositivo durante a transição, para compatibilidade com plug-ins, para no futuro e aplicar os plug-ins ao atributo interno

loading="eager"

, como vimos antes.

Deseja experimentar agora?

A carga adiada (carregamento lento) nativo do WordPress está aqui! 4

Agora está disponível como um plugin de proposta de recurso, chamado Carregamento lento do WPe você o encontra no diretório de plug-ins.

O plugin está sendo desenvolvido no GitHub.

E Encorajo-vos a experimentar, especialmente em todos os tipos de contextos (blog, comércio eletrônico, códigos de acesso etc.) e até mesmo em conjunto com plug-ins de carregamento diferido que já existem.

Mas não acredite que isso seja algo para estudar, analisar e pensar, você quer que ele vá na próxima versão, no WordPress 5.4, Estará disponível em algumas semanas.

Então, se você é um usuário ou desenvolvedor, coloque as baterias, tente e avise sobre quaisquer idéias, problemas, falhas, no fórum de suporte do plugin ou no seu repositório GitHub, que são todas as reclamações, e aqui você também pode ajudar a criar um WordPres melhor.

A entrada O carregamento diferido (carregamento lento) nativo do WordPress está aqui! Fernando Tellado publicou pela primeira vez na Ajuda do WordPress. Não copie conteúdo, ele não diz nada de bom a você para seus leitores.

Posts que podem interessar:

https://proverasfestas.com.br/gerencie-efetivamente-suas-campanhas-de-divulgacao-para-varios-clientes-e-colegas-de-equipe/
https://responsibleradio.com/porque-dieta-detox-tem-feito-tanto-sucesso/

https://weeventos.com.br/importar-contatos-do-facebook-no-google/

https://draincleaningdenverco.com/aumentando-ainda-mais-o-poder-do-arrependimento-para-alcancar-seus-objetivos/

https://clipstudio.com.br/meu-mensal-de-planejamento-de-projeto-roubar-isso-e-conseguir-mais/

https://teleingressos.com.br/3-maneiras-baratas-ou-gratuitas-de-se-pesquisar-para-infeccoes-sexualmente-transmissiveis/

https://testmygeekstuff.com/liquidez-nocoes-basicas-de-auto-emprego-bem-sucedido/

https://coniferinc.com/marketing-de-midia-social-uma-nova-era-da-industria-de-negocios-on-line-em-expansao/

https://multieletropecas.com.br/como-participar-de-um-evento-esportivo-como-um-adulto-equilibrado-2/

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br