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  As 5 principais razões pelas quais os cartões de crédito podem ser tão perigosos

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

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,

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br
$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