Engañando a CWV

Google ha dicho que Core Web Vitals ( CWV ) será un factor de SEO y la fecha está cerca: mayo de 2021. Por lo tanto, estoy viendo algunos esfuerzos para asegurarme de que esas métricas sean buenas. Ya sabes, la sopa de acrónimos: CLS , LCP y FID . Cada vez hay más herramientas para medir y diagnosticar problemas. Con suerte, una vez diagnosticados, tendrás alguna idea de cómo solucionarlos. Por ejemplo, si tienes un CLS deficiente , es porque cargas cosas (probablemente anuncios) que cambian el diseño, y debes dejar de hacerlo o dejarles espacio con anticipación para que haya menos cambios.

¿Pero qué pasa con el LCP ? ¿Qué pasa si tienes esta gran imagen de héroe que tarda un poco en pintarse y te da un número de LCP de mierda ? El truco de Chris Castillo es simplemente no cargar la imagen de fondo del héroe hasta que un usuario interactúe de alguna manera. Me parece extraño, pero Chris hizo algunas pruebas ligeras y descubrió que algunos usuarios realmente no se dieron cuenta:

Aunque esto logra el objetivo, no deja de tener un costo. La imagen de fondo no se cargará hasta que el usuario interactúe con la pantalla, por lo que es necesario utilizar algo como respaldo hasta que se pueda cargar la imagen. Les pedí a algunos amigos que cargaran la página en sus teléfonos y me dijeran si encontraban algo extraño en la página, y ninguno de ellos notó nada “fuera de lugar”. Lo que observé es que los pocos amigos a los que pedí que probaran esto tenían sus dedos en la pantalla o tocaron rápidamente la pantalla cuando la página se estaba cargando, por lo que sucedió tan rápido que no se dieron cuenta.

Es un buen truco que Chris documenta, pero el objetivo es engañar a una máquina para que te dé mejores puntuaciones en los exámenes. Esto parece el comienzo de una nueva y extraña era de rendimiento web en la que las métricas de rendimiento web han pasado a mediciones centradas en el usuario, pero la gente está implementando estrategias complicadas para jugar esos números con métodos que, en todo caso, dañan ligeramente la experiencia del usuario.