Optimizar las Core Web Vitals en WordPress
He creado una guía recopilatoria de todas las tareas para optimizar las Core Web Vitals en WordPress.
De esta forma las tengo todas en una sola guía y voy añadiendo y actualizando lo que necesite.
El mejor plugin de bloques
La mejor forma de saber cuál es el mejor plugin de bloques para Gutenberg, es saber qué bloques queremos y sobre todo, saber medir la velocidad.
Lo primero depende de las necesidades, pero para saber cuáles son los más rápidos, he creado un vídeo donde te enseño a analizar su velocidad.
Te adelanto que usar Kadence es mejor para usar scripts externos y aplicar caché y Gutenberg Blocks es mejor para usarlo como código inline.
Nuevo Perfmatters 1.8.2
La nueva versión de este plugin de rendimiento web, incluye la opción de excluir imágenes principales de Lazy Load (mejora el CLS), efecto fade en imágenes aplazadas, precarga de imágenes críticas (mejora el LCP) y otras mejoras.
Si ya lo usas, bien, sino, te recomiendo usarlo.
Cuidado con la exclusión de imágenes de Lazy Load
Esta nueva función que la añaden plugins como Perfmatters, permite excluir un número de imágenes principales de Lazy Load.
Pero no todas las páginas tiene el mismo número de imágenes al principio y puede que esta función no sirva para todas las páginas.
Yo prefiero hacerlo a mano desde el plugin.
Minimiza el trabajo del hilo principal de PageSpeed en WordPress
Este problema de PageSpeed afecta al HTML, CSS y JS y cómo el navegador muestra la web.
Se soluciona desactivando los scripts sin usar, minimizando HTML, CSS y JS, creando el CSS crítico, cargando el JS de manera diferida y aplazando el JS externo.
Aunque tengo guías de cada cosa, he creado una guía resumen y de fácil acceso, de cómo minimizar el trabajo del hilo principal de PageSpeed en WordPress.