M谩s

    WordPress 6.3 mejorar谩 el rendimiento SEO de LCP

    - Advertisement -

    WordPress anunci贸 que 6.3, cuyo lanzamiento est谩 programado para agosto de 2023, ayudar谩 a los sitios web a obtener mejores puntajes de SEO de Core Web Vitals, particularmente con respecto a la pintura m谩s grande con contenido (LCP).

    Si bien la velocidad de la p谩gina es un factor de clasificaci贸n peque帽o en Google, la velocidad de la p谩gina es importante ya que puede generar mayores ventas y mejorar las vistas de anuncios y los clics.

    Centrarse en la experiencia del usuario puede ayudar con el tiempo que un usuario interact煤a con un sitio web, si recomendar谩 el sitio y si regresa una y otra vez.

    Una buena experiencia de usuario es la piedra angular para cultivar la popularidad y, en mi opini贸n, la B煤squeda de Google muestra a los usuarios lo que esperan de cualquier consulta.

    Pintura con contenido m谩s grande

    La pintura con contenido m谩s grande (LCP) es una m茅trica que mide cu谩nto tiempo lleva renderizar la imagen o el bloque de texto m谩s grande. La premisa subyacente de esta m茅trica es revelar la percepci贸n de un usuario sobre cu谩nto tiempo lleva cargar una p谩gina web.

    Lo que se mide es lo que el visitante del sitio ve en su navegador, que se denomina ventana gr谩fica.

    Las optimizaciones logradas por WordPress en 6.3 logran un esfuerzo prolongado para usar con precisi贸n los atributos HTML en elementos espec铆ficos para lograr el mejor rendimiento de Core Web Vitals.

    Obtener atributo HTML de prioridad

    Fetch Priority, escrito en HTML como fetchpriority, es un atributo HTML de los elementos de la p谩gina web (recursos) como im谩genes, CSS y JavaScript.

    El prop贸sito de fetchpriority es decirle al navegador qu茅 recursos de la p谩gina web deben descargarse m谩s r谩pido para representar el contenido que un visitante del sitio ve en su navegador, lo que est谩 en su ventana gr谩fica.

    El contenido que no est谩 en la ventana gr谩fica, que es el contenido que un usuario tiene que desplazarse hacia abajo en la p谩gina para verlo, tiene una prioridad m谩s baja que el contenido que est谩 en la parte superior de la p谩gina y en la ventana gr谩fica del visitante del sitio.

    Fetch Priority permite a un editor controlar qu茅 recursos tienen una prioridad alta y cu谩les tienen una prioridad baja.

    WordPress 6.3 contiene una nueva funci贸n que agrega el atributo fetchpriority a la imagen que es m谩s probable que aparezca en la ventana gr谩fica del visitante del sitio.

    El anuncio de WordPress se帽al贸:

    鈥淲ordPress ahora agrega autom谩ticamente el atributo fetchpriority con un valor de 鈥渁lto鈥 a la imagen que determina que es m谩s probable que sea la 鈥渋magen LCP鈥, es decir, la imagen que es el elemento de contenido m谩s grande en la ventana gr谩fica.

    El atributo le dice al navegador que priorice esta imagen, incluso antes de que haya calculado el dise帽o, lo que generalmente mejora el LCP en un 5-10%鈥

    Una de las cosas interesantes que hace WordPress con fetchpriority es que solo se aplica a im谩genes de un umbral de tama帽o m铆nimo.

    Eso significa que el atributo fetchpriority no se aplicar谩 a recursos peque帽os como un bot贸n de navegaci贸n.

    Otra caracter铆stica de la prioridad de b煤squeda autom谩tica de WordPress es que nunca anular谩 un atributo de prioridad de b煤squeda existente.

    Implementaci贸n de carga diferida perfeccionada

    Se dice que lo primero que ve un visitante del sitio en su navegador cuando visita un sitio web est谩 en la ventana gr谩fica.

    Idealmente, se deber铆a dar prioridad a los elementos de la p谩gina web que son necesarios para representar la primera ventana gr谩fica cuando el visitante del sitio visita.

    Los elementos que est谩n debajo de la primera ventana gr谩fica no necesitan descargarse de inmediato.

    La carga diferida es una forma de decirle al navegador qu茅 im谩genes e iframes no son cr铆ticos para cargar esa primera pantalla de visualizaci贸n.

    El uso del atributo de carga diferida permite que los elementos de la p谩gina web inmediatamente necesarios se descarguen primero.

    WordPress implement贸 inicialmente el atributo de carga diferida en todas las im谩genes de una p谩gina web, independientemente de si era cr铆tico o no.

    Si bien la aplicaci贸n de la carga diferida a las im谩genes que son importantes para representar el contenido de la parte superior de la p谩gina no fue lo ideal, las pruebas demostraron que segu铆a siendo una mejora con respecto a no aplicar el atributo de carga diferida.

    WordPress 6.3 resuelve ese problema al poder detectar qu茅 im谩genes son cr铆ticas.

    El atributo de carga diferida no se aplicar谩 a las im谩genes cr铆ticas, lo que permitir谩 que esas im谩genes se descarguen lo m谩s r谩pido posible.

    WordPress se帽al贸:

    芦Se han implementado m谩s ajustes y correcciones para mejorar el manejo autom谩tico de la carga diferida a trav茅s del atributo de carga para detectar de manera m谩s confiable cu谩ndo omitir el atributo de algunas im谩genes禄.

    Por 煤ltimo, el nuevo proceso para detectar la ventana gr谩fica inicial y aplicar los atributos de carga y prioridad de b煤squeda se puede utilizar para aplicar m谩s optimizaciones en futuras versiones de WordPress.

    WordPress observ贸:

    芦… esto puede mejorarse con otros atributos relacionados con el rendimiento en el futuro禄.

    Los cambios pueden afectar los complementos de terceros

    El anuncio de WordPress alerta a los desarrolladores de complementos que dependen de la l贸gica de carga perezosa central que esto ha cambiado.

    Ahora hay una nueva funci贸n 煤nica que controla tanto la prioridad de b煤squeda como los atributos de carga.

    Es posible que los desarrolladores que depend铆an de la l贸gica anterior deban actualizar sus complementos. Es importante que los editores tengan esto en cuenta para que sepan dar prioridad a la actualizaci贸n de sus complementos tambi茅n despu茅s de actualizar a WordPress 6.3.

    WP 6.3 no anular谩 la optimizaci贸n personalizada relacionada

    Un aspecto reflexivo de esta actualizaci贸n es que la aplicaci贸n autom谩tica de fetchpriority y lazy load no anular谩 las aplicaciones personalizadas de esos atributos.

    El anuncio se帽ala:

    鈥淐on la nueva funci贸n que se usa de manera consistente en cualquier lugar donde las im谩genes se rendericen en el n煤cleo de WordPress, tambi茅n se mejora el soporte para la personalizaci贸n.

    La funci贸n nunca anular谩 los atributos que ya se proporcionaron, por lo que si establece una prioridad de b煤squeda o un atributo de carga en una imagen antes de que se llame a esta funci贸n, el atributo se mantendr谩 como est谩.

    Esto permite un ajuste fino al no aplicar el comportamiento automatizado predeterminado. Si lo hace, tenga en cuenta que nunca debe configurar tanto fetchpriority=鈥漢igh鈥 como loading=鈥漧azy鈥 para un elemento.

    Si la funci贸n encuentra esas dos combinaciones de valor de atributo juntas, activar谩 una advertencia鈥.

    Mejor Core Web Vitals SEO para WordPress

    Adem谩s de lo anterior, WordPress tambi茅n solucion贸 varios errores que afectaban la implementaci贸n correcta de estos atributos para optimizar la pintura m谩s grande con contenido.

    Cuando se trata de la optimizaci贸n de im谩genes para SEO, WordPress 6.3 finalmente ofrece una experiencia de SEO totalmente 贸ptima que ayudar谩 a los sitios web a obtener puntajes LCP m谩s altos.

    Lea el anuncio oficial de WordPress:

    Mejoras en el rendimiento de la imagen en WordPress 6.3

    Imagen destacada de Shutterstock/Ljupco Smokovski

    Fuente: WordPress 6.3 mejorar谩 el rendimiento SEO de LCP

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

    Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.