Aprende a mejorar tu PageSpeed y los Core Web Vitals

Técnicas para mejorar el rendimiento del sitio.

Arjen Karel
linkedin

Ayudo a las empresas a corregir los Core Web Vitals, configurar una monitorización RUM de Core Web Vitals robusta, mejorar la concienciación sobre la velocidad de carga y gestionar la implementación de buenas prácticas de los Core Web Vitals

A veces, cuando tengo algo de tiempo (que no es muy a menudo últimamente), escribo sobre los Core Web Vitals

Hablemos

Cómo ceder el hilo principal para mejorar INP

Usa scheduler.yield() para dividir tareas largas y mantener tus páginas responsivas

Evita que Coralogix RUM robe tu red inicial

Coralogix RUM envía beacons durante la carga y roba red a tu propio LCP. Almacena los eventos en un buffer y envíalos al ocultar la página.

Solucionar el cambio de diseño del widget de chat de HubSpot

Una solución alternativa que reduce un CLS de 0.91 a 0.02 aprovechando dos exclusiones de cambio de diseño del navegador

Cómo las animaciones activadas por el desplazamiento causan CLS

Tu encabezado que se oculta al desplazarse podría estar fallando silenciosamente el CLS. Aquí explicamos por qué y cómo solucionarlo.

Razonamiento proporcional para el rendimiento web

El cuello de botella es la fase que consume la mayor parte del tiempo total. No la fase que supera un umbral absoluto.

Soluciona el INP con un agente de IA: La métrica que las herramientas de laboratorio no pueden medir

El INP no se puede simular. Este es el flujo de trabajo conectado a datos de campo para diagnosticar y solucionar el Interaction to Next Paint con un agente de IA.

Solucionar el LCP con un agente de IA: de los datos de campo a la corrección del código

El flujo de trabajo completo de diagnóstico del LCP usando CWV Superpowers: desde la identificación de la fase del cuello de botella en los datos de campo hasta el cambio específico en el código.

Authentication required. Please visit the URL to log in: https://accounts.google.com/o/oauth2/auth?access_type=offline&client_id=1071006060591-tmhssin2h21lcre235vtolojh4g403ep.apps.googleusercontent.com&code_challenge=LZI5R9RRgD95zkR8bmfJ8GSl7sE6FgoIXQqm021ZAXU&code_challenge_method=S256&prompt=consent&redirect_uri=https%3A%2F%2Fantigravity.google%2Foauth-callback&response_type=code&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fcloud-platform+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fcclog+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fexperimentsandconfigs+openid&state=8cDRmADH2Af1WLa-hahelw Waiting for authentication (timeout 30s)... Error: authentication timed out.

Authentication required. Please visit the URL to log in: https://accounts.google.com/o/oauth2/auth?access_type=offline&client_id=1071006060591-tmhssin2h21lcre235vtolojh4g403ep.apps.googleusercontent.com&code_challenge=WyQ_7ZhUT0XsIuTD5T0vQhVyO2WyO5jRWvH2wKRnM9Y&code_challenge_method=S256&prompt=consent&redirect_uri=https%3A%2F%2Fantigravity.google%2Foauth-callback&response_type=code&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fcloud-platform+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fcclog+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fexperimentsandconfigs+openid&state=LjMAOBYyzGJGfe5Ji2O6xA Waiting for authentication (timeout 30s)... Error: authentication timed out.

Core Web Vitals para agentes de IA: Por qué los datos de campo lo cambian todo

Tres tipos de servidores MCP conectan a los agentes de IA con los datos de Core Web Vitals. Solo uno les da los datos que Google usa realmente para los rankings.

JPEG XL y Core Web Vitals: lo que necesitas saber ahora que Chrome lo soporta

Cómo se compara JPEG XL con AVIF, WebP y JPEG, qué significa para tus Core Web Vitals y cómo empezar a servirlo hoy mismo

Prerender Until Script: El punto medio entre Prefetch y Prerender

Carga subrecursos y construye el DOM sin ejecutar scripts ni contaminar las analíticas

Aplazar imágenes fuera de pantalla en móviles: Guía de carga diferida nativa

Carga diferida nativa, content-visibility y por qué aplazar imágenes con JavaScript es peso muerto

Guía de priorización de recursos para Core Web Vitals

Controla qué recursos cargan primero y cuáles esperan.

Programación de eventos del dataLayer para optimizar el INP

Cómo diferir los eventos de GTM hasta después del pintado del navegador mejora tus puntuaciones de INP

Optimiza las Core Web Vitals para dispositivos de gama baja

Por qué los sitios rápidos en hardware económico requieren concesiones más drásticas de las que la mayoría de los equipos admiten

La mejor configuración de Cloudflare para aprobar los Core Web Vitals

Configura Cloudflare para obtener la máxima velocidad de página y comprende las configuraciones con las que puedes jugar

Eliminar parámetros de seguimiento con Cloudflare Workers y Transform Rules

Los parámetros de seguimiento como fbclid y gclid crean URL únicas que eluden tu caché CDN. Tres formas de solucionarlo.

¡Imágenes hero de Elementor más rápidas en 2 minutos!

Aprende a cambiar de imágenes de fondo lentas a imágenes normales rápidas para las imágenes hero de Elementor en 2 minutos

El impacto de las CSS View Transitions en el rendimiento web

Comprende por qué y cuándo las view transitions pueden afectar al rendimiento web

5 niveles de prioridad de JavaScript y cómo usarlos

No todos los scripts son iguales. Cárgalos en el orden correcto.

Carga responsiva de fuentes web: una estrategia adaptada al dispositivo

Una estrategia de carga de fuentes responsive para un LCP más rápido y cero cambios de layout

Configuración del panel Network de Chrome DevTools para los Core Web Vitals

Los ajustes del panel Network que utilizo en cada auditoría de Core Web Vitals

Por qué el retraso de 28 días de los Core Web Vitals es un mito

Los datos de CrUX tienen dos días, no 28. Esto es lo que realmente significa la ventana móvil de 28 días.

Mejora el Interaction to Next Paint eliminando el scrolling con JavaScript

Crea una hermosa experiencia de desplazamiento suave que no afecta los Core Web Vitals

El script GRATIS de último recurso para optimizar la velocidad de la página

Acelera tu página sin arreglo con este método de último recurso para mejorar incluso las páginas más lentas.

Acelerar la integración de Calendly

Inserta Calendly sin ralentizar las Core Web Vitals

Calentador de caché de sitios web gratuito

Precalienta la caché de tu sitio web para acelerar las Core Web Vitals de forma gratuita

Páginas con Carga Instantánea con Speculation Rules

Aprende cómo mejorar los Core Web Vitals haciendo que las páginas se carguen al instante con la Speculation Rules API

Cómo ceder el hilo principal para mejorar INP

Usa scheduler.yield() para dividir tareas largas y mantener tus páginas responsivas

Core Web Vitals para Ecommerce: Por qué los visitantes con alta intención obtienen el peor rendimiento

Los plugins de caché desactivan la caché para los usuarios con carrito. Aquí te explicamos cómo solucionar el abismo del TTFB.

La lista de verificación definitiva de Core Web Vitals (2026)

Cada optimización que debes revisar al mejorar el rendimiento del LCP, el INP y el CLS

Layout Shift causado por transiciones CSS

Aprenda a encontrar y eliminar las transiciones CSS que crean layout shifts

Page Speed con un presupuesto ajustado: las optimizaciones que más importan

Aprenda cómo mejorar los Core Web Vitals con estrategias económicas

Cuándo tiene (y cuándo no) sentido precargar hojas de estilo

Por qué precargar tu CSS normalmente no ayuda, y el único caso donde sí lo hace

Diferir jQuery en WordPress

Aprenda cómo diferir jQuery en WordPress para obtener mayor velocidad de página

Argumentos para limitar los scripts de analítica y rastreo

Cómo afectan los scripts de analítica y rastreo a sus Core Web Vitals y qué hacer al respecto

Las imágenes de fondo son el mal

Por qué las imágenes de fondo perjudican tus Core Web Vitals y cómo reemplazarlas

Reflow del navegador: qué lo activa y cómo afecta a las Core Web Vitals

El reflow recalcula las posiciones de los elementos y bloquea el hilo principal. Descubre qué lo activa, cómo detectarlo y cómo prevenirlo.

Autohospedar fuentes de Google para mejorar las Core Web Vitals

Aprenda cómo autohospedar fuentes de Google y optimizar estas fuentes para mejorar las Core Web Vitals

JavaScript en el Head vs Footer: cómo afecta a los Core Web Vitals

Por qué defer en el head es la mejor práctica moderna, y cuándo la ubicación en el footer todavía tiene sentido

Defer vs Async JavaScript y cómo esto afecta a las Core Web Vitals

Aprende cuándo usar async y cuándo usar defer en JavaScript para obtener los mejores resultados de Core Web Vitals

Diferir scripts hasta que sean necesarios

Carga JavaScript bajo demanda usando IntersectionObserver y disparadores de interacción del usuario

Solucionar 'Reduce Unused JavaScript' en Lighthouse

Encuentra y elimina el JavaScript no utilizado para mejorar tus Core Web Vitals

No existe una puntuación de Core Web Vitals (y por qué eso importa)

Por qué una puntuación de Lighthouse no es una puntuación de Core Web Vitals, y qué determina realmente si apruebas o suspendes

Widget de chat con Core Web Vitals perfectos

Carga widgets de chat sin perder PageSpeed

¿Deberías usar preconnect para las redes publicitarias? Depende de tu LCP

Usar preconnect para las redes publicitarias puede perjudicar o ayudar. Todo depende de si tu imagen LCP ya está optimizada.

Optimiza las imágenes para las Core Web Vitals

"Aprende cómo las imágenes afectan las Core Web Vitals y cómo optimizarlas

Solucionar el Layout Shift causado por imágenes con tamaño automático

Las imágenes con width auto y height auto causarán un Layout Shift. Aprende cómo solucionar esto

Core Web Vitals Visualizer: Extensión gratuita de Chrome para depurar CWV

Una extensión gratuita de Chrome que crea una superposición en tiempo real de tus Core Web Vitals, creada para desarrolladores que depuran el rendimiento sin abrir DevTools.

Lento por error vs. Lento por diseño: Un framework de rendimiento web

Cómo categorizar los problemas de rendimiento te ayuda a solucionar lo correcto primero

Diferir imágenes de fondo para Core Web Vitals más rápidos

Difiere o aplica lazy load a las imágenes de fondo para un Largest Contentful Paint más rápido

16 métodos para diferir o programar JavaScript

Aprenda cómo diferir y programar JavaScript

Solucionar 'Largest Contentful Paint image was lazily loaded' en Lighthouse

Aprende cómo solucionar la advertencia de Lighthouse 'Largest Contentful Paint image was lazily loaded'

Interaction to Next Paint (INP): Qué es, cómo medirlo y mejorarlo

La guía completa para entender, medir y optimizar Interaction to Next Paint, la Core Web Vital que mide la capacidad de respuesta de la página

Solucionar scripts de terceros en Next.js para mejorar los Core Web Vitals

Solucione los problemas de Core Web Vitals causados por scripts de terceros en Next.js

Medir Core Web Vitals en Next.js: Guía de configuración RUM

Configurar Real User Monitoring para Core Web Vitals en Next.js (App Router y Pages Router)

Eliminar el CSS que bloquea el renderizado en Next.js para mejorar los Core Web Vitals

Elimina el CSS que bloquea el renderizado en Next.js para unos Core Web Vitals más rápidos

Cloudflare arregló su script de ofuscación de correo electrónico (puede que yo lo haya causado)

El script de ofuscación de correo electrónico de Cloudflare solía bloquear el renderizado. Un PM de Cloudflare leyó este artículo y publicó la solución. Aún vale la pena evitar los problemas de SEO y seguridad.