PageSpeed Insights ara utilitza Lighthouse 8.4.0, que inclou dues auditories noves. L’addició més important ajuda els editors a diagnosticar un problema generalitzat que afecta negativament la mètrica de pintura amb contingut més gran. Aquesta nova auditoria ajudarà els editors a obtenir millors puntuacions de Largest Contentful Paint (LCP).
Pintura amb contingut més gran
Hi ha hagut un problema de llarga data amb Largest Contentful Paint (LCP) que la versió més recent de Lighthouse, 8.4.0, ajudarà a diagnosticar.
Es va descobrir que la càrrega mandrosa d’imatges era un bon enfocament per fer la part principal principal del contingut visible i interactiva en un dispositiu mòbil més ràpid.
Abans de la càrrega mandrosa, les imatges que es trobaven a sota del plec (no visibles a la finestra de pantalla de navegador) es descarregarien al fons.
Publicitat
Continueu llegint a continuació
Això va tenir l’efecte de frenar la visibilitat i la interactivitat del contingut que es trobava a la finestra del visitant del lloc.
Quan les imatges que es troben fora de la finestra de visualització mòbil es carreguen en segon pla, realment frenen la representació de la part visible de la pàgina web.
En afegir l’atribut Lazy Load HTML a les imatges, el navegador sabria no baixar les imatges (que es troben fora de la finestra gràfica) fins més tard.
Això té l’efecte d’augmentar la velocitat de la pàgina.
Però els elements de càrrega mandrosos que es troben a la finestra de visualització de contingut més gran tenen un efecte negatiu i aquesta és una de les coses que aborda Lighthouse 8.4.0.
Publicitat
Continueu llegint a continuació
Impacte negatiu de la càrrega mandrosa de totes les imatges
WordPress 5.4 va introduir la càrrega mandrosa nativa d’imatges. Abans d’implementar el canvi, els desenvolupadors van provar les millores de velocitat i van descobrir que afegir l’atribut HTML de càrrega mandrosa a totes les imatges resultava en un augment de velocitat.
Tanmateix, aquesta va ser una implementació imperfecta de l’atribut lazy load perquè WordPress afegia l’atribut lazy load a la imatge destacada, que és un element que generalment es troba a la finestra del visitant del lloc quan visita una pàgina web.
Això va afegir un impacte negatiu a la mètrica Largest Contentful Paint (LCP) i va introduir una lleugera experiència d’usuari negativa.
Els guanys derivats de l’addició de càrrega mandrosa van superar les pèrdues de l’èxit a la mètrica LCP, de manera que WordPress va continuar amb això.
No obstant això, Google va notar que després de la implementació d’una càrrega mandrosa al nucli de WordPress, les puntuacions de pintura amb contingut més baix (LCP) van començar a caure una mica.
En un article que Google ha publicat a Web.dev sobre l’efecte de rendiment d’una càrrega massa mandrosa, van investigar les dades de llocs web reals i van descobrir que els llocs amb massa càrrega mandrosa patien males puntuacions LCP.
Van descobrir que les implementacions agressives de càrrega mandrosa eren el motiu i van saber que es tractava d’un problema específic per als llocs de WordPress.
Publicitat
Continueu llegint a continuació
Google va confirmar que les puntuacions de WordPress per a LCP de fet baixaven.
Els autors van concloure:
“… la tècnica de càrrega mandrosa que utilitza WordPress ajuda molt clarament a reduir els bytes d’imatge, però a costa d’un LCP retardat.”
El far 8.4.0 afegeix LCP Lazy Load Audit
És possible que els editors hagin vist com les seves puntuacions de pintura més gran contingut (LCP) baixessin i no entenguessin per què empitjoraven. Lighthouse 8.4.0 resol aquest problema afegint una auditoria específica per diagnosticar aquest problema.
Totes les imatges de la finestra de visualització de contingut més gran, la part de la pàgina web que primer veu un visitant, no s’han de carregar mandroses.
El far 8.4.0 detectarà si hi ha algun element a la finestra de visualització LCP carregat mandrós.
Publicitat
Continueu llegint a continuació
A Pàgina per a desenvolupadors de Chrome descriu com funciona Lighthouse 8.4.0:
“Lighthouse ara detectarà si l’element Largest Contentful Paint (LCP) era una imatge de càrrega mandrosa i recomanarà eliminar l’atribut de càrrega”.
La pàgina oficial per a desenvolupadors de Lighthouse 8.4.0 descriu la nova funcionalitat:
“Detecteu quan l’element LCP té una càrrega mandrosa. Les imatges de la part superior que es carreguen mandrosament es renderitzen més endavant en el cicle de vida de la pàgina, cosa que pot endarrerir la pintura amb contingut més gran “.
Nova auditoria de la pantalla mòbil
Lighthouse 8.4.0 també afegirà una nova auditoria que detecta si no hi ha cap metaetiqueta de visualització mòbil a la secció principal.
Això és important perquè no s’afegeix aquesta metaetiqueta es pot obtenir una puntuació de retard de primera entrada inferior.
Publicitat
Continueu llegint a continuació
La documentació explica la importància d’aquesta nova auditoria:
“En un estudi recent de dades de l’arxiu HTTP, més de la meitat dels llocs que van rebre una puntuació de 90 o superior a Lighthouse, però que van fallar almenys un Core Web Vital, no tenien una finestra de visualització mòbil configurada i no tenien FID. Com a resultat, la secció de rendiment de Lighthouse ara recomanarà afegir una finestra gràfica com la següent si no es troba cap:
<meta name="viewport" content="width=device-width">"
El far 8.4.0 és en directe
El far 8.4.0 ja està disponible a PageSpeed Insights i activarà el nou advertiment LCP si troba un element carregat mandrós a la finestra de visualització de contingut més gran.
Publicitat
Continueu llegint a continuació
Les eines de desenvolupament de Chrome inclouran Lighthouse 8.4.0 a Chrome 95, que actualment està previst que es publiqui el 19 d’octubre de 2021.
