Core Web Vitals: que son y como preparar tu WordPress

Google anunció un nuevo set de métricas a las que llama Core Web Vitals o Métricas Web Principales (usaré ambos términos indistintamente), como se les conoce en español, que tienen que ver con velocidad, responsividad y estabilidad visual, con miras a que los dueños de los sitios puedan medir la experiencia de usuario que tienen los visitantes en dichos sitios. A su vez, estas nuevas Core Web Vitals se integrarán en un futuro cercano con señales existentes (amigable con móviles, navegación segura, seguridad HTTPS y directrices intersticiales intrusivas, hablaré de ellas al final) en una nueva señal de posicionamiento de experiencia de usuario. Más aún, estas nuevas señales se tomarán en cuenta como criterios de eligibilidad para aparecer en las Top Histories o Noticias principales, que antes tenían como requerimiento tener una versión AMP de la página en cuestión, mismo que ya no será tomado como tal, aunque se le seguirá dando soporte.

Estas nuevas métricas estarán embebidas en toda la oferta de herramientas de medición de Google, es decir en Search Console, PageSpeed Insights, Lighthouse, Chrome DevTools, Chrome UX Report y la extensión Web Vitals. Vamos a repasar que son las tres Core Web Vitals nuevas y después veremos que podemos hacer al respecto en nuestros sitios con WordPress, a modo de preparación en un futuro.

Leer másCore Web Vitals: que son y como preparar tu WordPress

Carga diferida de imágenes: que es, como activarla para WordPress y comparativa de plugins

¿Qué es la carga diferida de imágenes?

La carga diferida es un patrón de diseño que básicamente consiste en utilizar un objeto hasta que este haga falta; pensemos en imágenes para ir entendiendo mejor el concepto. Imagina que tienes un sitio que carga una cantidad considerable de imágenes, que como sabrás, representan la mayor parte del tamaño total de un sitio – hasta un 70-80% -, y es imperativo que las optimices tanto como puedas. Ahora bien, en un sitio no optimizado, el navegador intentará cargar todo lo que se defina en este, sean imágenes, scripts, hojas de estilo, etc.; en el caso particular de las imágenes, la carga diferida consiste en cargar sólo las imágenes que ves en pantalla; conforme vayas desplazando la página, el navegador irá solicitando las imágenes cuando estas estén a punto de aparecer en pantalla.

¿Que ventajas nos da la carga diferida de imágenes?

Las ganancias son sustanciales, pues al no tener que descargar todos los recursos de golpe (vamos a centrarnos en imágenes de ahora en adelante), la cantidad de datos a descargar es menor, y por ende ves un resultado mas rápido en tu navegador. El servidor tampoco transmite más de lo que debe; ambas cosas se traducen en reducción de peticiones, algo que por lo general es muy penalizado por los medidores de desempeño como GTmetrix o similares, por lo que en sitios con una gran cantidad de imágenes es una de las primeras técnicas que deberías de usar.

Leer másCarga diferida de imágenes: que es, como activarla para WordPress y comparativa de plugins

Pruebas y comparativa de plugins para optimizar imágenes

Las imágenes representan aproximadamente poco más de la mitad del peso total de un sitio; dada esta estadística, no es extraño que sea necesario destinar un tiempo considerable a actualizar las imágenes de nuestros sitios, pues de no hacerlo podemos incurrir en la furia de los usuarios y de Google, que seguro nos mandará al infierno de la tercera página de resultados y más allá, donde seguramente nadie nos encontrará. Aquí es donde entra la ayuda y esta viene en forma de plugins de WordPress para optimizar imágenes, los cuales se encargan de procesar todos los medios que vamos subiendo a nuestro sitio (algunos de formas más o menos automatizadas) y con ello vamos mejorando en el tema de las distintas herramientas de medición que hay por ahí.

El único problema radica en que hay una oferta bastante amplia en el repositorio, y eso dificulta el poder elegir un plugin. Para que no tengas que pasar por una decena de plugins buscando cual te conviene más aquí les traigo este banco de pruebas donde analizo varios plugins de optimización de imágenes y les presento pruebas de porqué pienso que algunos de ellos son los mejores que podrán encontrar. Sin más rollo de por medio, les dejo estas pruebas a su disposición para realizar una elección sólida e informada de el mejor plugin para optimizar imágenes según sus necesidades.

Leer másPruebas y comparativa de plugins para optimizar imágenes

¡NO sigas este enlace o serás bloqueado en este sitio!