{"id":3029,"date":"2022-05-03T22:45:36","date_gmt":"2022-05-04T01:45:36","guid":{"rendered":"https:\/\/nearjob.com.br\/?p=3029"},"modified":"2022-05-03T22:45:39","modified_gmt":"2022-05-04T01:45:39","slug":"wordpress-5-9-pode-melhorar-o-core-web-vitals-reduzindo-o-carregamento-lento","status":"publish","type":"post","link":"https:\/\/nearjob.com.br\/es\/wordpress-5-9-pode-melhorar-o-core-web-vitals-reduzindo-o-carregamento-lento\/","title":{"rendered":"WordPress 5.9 pode melhorar o Core Web Vitals reduzindo o carregamento lento"},"content":{"rendered":"

Integrado ao n\u00facleo do\u00a0WordPress 5.5\u00a0, o atributo lazy-loading permite dizer ao navegador para atrasar o carregamento de elementos de uma p\u00e1gina web, como imagens ou iframes, que n\u00e3o s\u00e3o vis\u00edveis na tela.\u00a0A p\u00e1gina pode ent\u00e3o carregar mais r\u00e1pido para o visitante do site.\u00a0Mas descobriu-se que esse recurso pode degradar a m\u00e9trica Largest Contentful Paint (LCP)\u00a0do Core Web Vitals\u00a0, que mede a rapidez com que as imagens e outros elementos de uma p\u00e1gina da Web s\u00e3o baixados para a janela de visualiza\u00e7\u00e3o da p\u00e1gina da Web. site.\u00a0O motivo:\u00a0“O n\u00facleo do WordPress n\u00e3o consegue avaliar com seguran\u00e7a se uma imagem aparecer\u00e1 acima ou abaixo da tela, pois depende do tema ativo no momento<\/em>\u00a0\u00a0.”<\/p>\n\n\n\n

Uma nova maneira de integrar o carregamento lento de imagens no WordPress<\/h2>\n\n\n\n

Embora o controle preciso desse atributo seja deixado para os desenvolvedores de temas, o WordPress pode fornecer um aumento significativo de desempenho, incluindo melhorar as pontua\u00e7\u00f5es do LCP de 7% para 33%, refinando como o CMS integra imagens de carregamento lento.\u00a0Esta proposta\u00a0, postada pelo desenvolvedor Felix Arntz, \u00e9 descartar a adi\u00e7\u00e3o do atributo lazy-loading ao primeiro frame ou iframe no c\u00f3digo.<\/p>\n\n\n\n

Em vez de carregar todas as imagens e iframes por padr\u00e3o, a primeira imagem de conte\u00fado (tamb\u00e9m considerando imagens em destaque) ou conte\u00fado de iframe n\u00e3o deve ser carregado lentamente.\u00a0Este \u00e9 um padr\u00e3o mais sens\u00edvel do que o usado pela implementa\u00e7\u00e3o atual, que em m\u00e9dias a grandes escalas resultar\u00e1 em melhor desempenho de LCP pronto para uso, mantendo a largura de banda necess\u00e1ria baixa, explica o desenvolvedor.<\/p>\n\n\n\n

Ganhos de desempenho not\u00e1veis \u200b\u200btestados em 50 temas populares do WordPress<\/h2>\n\n\n\n

Este m\u00e9todo foi testado nos 50 temas mais populares do WordPress e encontrou o seguinte:<\/p>\n\n\n\n

  • A omiss\u00e3o do primeiro quadro de conte\u00fado resultou em uma melhoria de LCP mediana de 7% sem regress\u00e3o observada em bytes de quadro salvos,<\/li>
  • A omiss\u00e3o das duas primeiras imagens de conte\u00fado resultou em uma melhoria mediana de LCP de 5% e um aumento mediano de bytes de imagem de 2%, gerando um resultado de desempenho inferior,<\/li>
  • Desabilitar completamente o carregamento lento n\u00e3o \u00e9 uma solu\u00e7\u00e3o para o problema de desempenho.<\/li><\/ul>\n\n\n\n

    Testes adicionais sobre a omiss\u00e3o da primeira imagem de conte\u00fado renderam resultados ainda mais significativos:<\/p>\n\n\n\n

    Aprofundando os resultados para pular o primeiro quadro de conte\u00fado, 42% dos cen\u00e1rios resultam em uma melhoria m\u00e9dia do LCP superior a 10%, com a melhoria m\u00e1xima sendo de 33%.<\/p>\n\n\n\n

    Em 5% dos cen\u00e1rios, o LCP mediano \u00e9 superior a 10%, sendo o m\u00e1ximo aqui 21%.\u00a0Embora a melhoria m\u00e9dia do LCP em todos os temas seja de apenas 7%, h\u00e1 ganhos percept\u00edveis maiores para um n\u00famero significativo de temas, enquanto as perdas percept\u00edveis s\u00e3o m\u00ednimas.<\/p>\n\n\n\n

    Se esta proposta for validada, ela poder\u00e1 ser introduzida como parte da atualiza\u00e7\u00e3o do WordPress 5.9, com lan\u00e7amento previsto para dezembro de 2021.<\/p>","protected":false},"excerpt":{"rendered":"

    Integrado ao n\u00facleo do\u00a0WordPress 5.5\u00a0, o atributo lazy-loading permite dizer ao navegador para atrasar o carregamento de elementos de uma p\u00e1gina web, como imagens ou iframes, que n\u00e3o s\u00e3o vis\u00edveis na tela.\u00a0A p\u00e1gina pode ent\u00e3o carregar mais r\u00e1pido para o visitante do site.\u00a0Mas descobriu-se que esse recurso pode degradar a m\u00e9trica Largest Contentful Paint (LCP)\u00a0do […]<\/p>","protected":false},"author":1,"featured_media":3030,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209],"tags":[208],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/nearjob.com.br\/es\/wp-json\/wp\/v2\/posts\/3029"}],"collection":[{"href":"https:\/\/nearjob.com.br\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nearjob.com.br\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nearjob.com.br\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nearjob.com.br\/es\/wp-json\/wp\/v2\/comments?post=3029"}],"version-history":[{"count":1,"href":"https:\/\/nearjob.com.br\/es\/wp-json\/wp\/v2\/posts\/3029\/revisions"}],"predecessor-version":[{"id":3031,"href":"https:\/\/nearjob.com.br\/es\/wp-json\/wp\/v2\/posts\/3029\/revisions\/3031"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nearjob.com.br\/es\/wp-json\/wp\/v2\/media\/3030"}],"wp:attachment":[{"href":"https:\/\/nearjob.com.br\/es\/wp-json\/wp\/v2\/media?parent=3029"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nearjob.com.br\/es\/wp-json\/wp\/v2\/categories?post=3029"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nearjob.com.br\/es\/wp-json\/wp\/v2\/tags?post=3029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}