≡En resumen
- Optimizar la velocidad es mejorar tres cosas: lo rápido que aparece el contenido, lo rápido que responde y lo estable que se mantiene.
- Una página cumple las Core Web Vitals si el 75 % de las visitas tiene LCP ≤ 2,5 s, INP ≤ 200 ms y CLS ≤ 0,1.
- INP mide la respuesta a todas las interacciones de la visita y sustituyó a FID en marzo de 2024.
- Los culpables habituales son el servidor, las imágenes pesadas, el JavaScript y los scripts de terceros.
- La velocidad ayuda al SEO, pero Google prioriza siempre la relevancia del contenido.
01 ¿Qué es la optimización de velocidad?
No se trata de conseguir un 100 en una herramienta, sino de que los usuarios reales perciban la web como rápida. Por eso Google mide con datos de campo, recogidos de visitas reales con Chrome, y fija los objetivos en el percentil 75: tres de cada cuatro visitas deben tener una buena experiencia.
02 Core Web Vitals: umbrales oficiales
| Métrica | Qué mide | Buena | Necesita mejorar | Mala |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Cuándo se pinta el elemento de contenido más grande | ≤ 2,5 s | 2,5-4 s | > 4 s |
| INP (Interaction to Next Paint) | Cuánto tarda la página en responder a las interacciones | ≤ 200 ms | 200-500 ms | > 500 ms |
| CLS (Cumulative Layout Shift) | Cuánto se mueven los elementos mientras carga | ≤ 0,1 | 0,1-0,25 | > 0,25 |
03 INP: la métrica que sustituyó a FID
Hasta 2024 la interactividad se medía con FID (First Input Delay), que solo tenía en cuenta el retraso de la primera interacción. Desde el 12 de marzo de 2024, INP (Interaction to Next Paint) es la Core Web Vital oficial: observa todos los clics, toques y pulsaciones de teclado de la visita y registra cuánto tarda la página en mostrar el siguiente cambio en pantalla.
INP penaliza sobre todo el exceso de JavaScript: tareas largas que bloquean el hilo principal, menús y filtros que recalculan toda la página, o scripts de chat, analítica y publicidad que compiten con la respuesta al usuario.
Divide las tareas largas
Parte el trabajo de JavaScript en fragmentos para que el navegador pueda responder entre uno y otro.
Reduce los scripts de terceros
Revisa qué etiquetas de marketing sobran y carga las necesarias cuando no estorban.
Da respuesta visual inmediata
Muestra un cambio (estado del botón, indicador de carga) antes de hacer el trabajo pesado.
04 Qué hace lenta una web
Servidor lento
Un hosting saturado o sin caché tarda en enviar el primer byte (TTFB) y retrasa todo lo demás.
Imágenes pesadas
Fotos sin redimensionar ni comprimir, en formatos antiguos y sin carga diferida.
Exceso de JavaScript
Temas y plugins que cargan código en todas las páginas aunque no se use.
CSS y fuentes que bloquean
Hojas de estilo y tipografías que el navegador debe descargar antes de pintar nada.
Scripts de terceros
Chats, mapas, vídeos incrustados, píxeles y herramientas de analítica o publicidad.
Sin caché ni CDN
Cada visita obliga a generar la página de nuevo y a servirla desde un único punto.
Dos de las correcciones más rentables suelen ser la optimización de imágenes y una buena configuración de la caché. Y si el problema es el servidor, ninguna otra técnica lo compensa: revisa esta guía sobre qué hosting elegir.
05 Técnicas de optimización de velocidad y qué métrica mejoran
| Técnica | Métrica que mejora | En qué consiste |
|---|---|---|
| Caché de página y de navegador | LCP | Servir páginas ya generadas y reutilizar archivos en visitas posteriores |
| CDN | LCP | Entregar los archivos desde servidores cercanos al usuario |
| Imágenes en WebP o AVIF con srcset | LCP | Menos kilobytes y la resolución justa para cada pantalla |
| Precargar el recurso del LCP | LCP | Indicar al navegador qué imagen o fuente necesita antes |
| Aplazar y reducir JavaScript | INP y LCP | Cargar con defer lo que no es crítico y eliminar lo que sobra |
| Dimensiones reservadas (width y height) | CLS | Que imágenes, anuncios e iframes no empujen el contenido |
| Minificar y comprimir (Brotli o gzip) | LCP | Archivos de texto más pequeños en tránsito |
06 Cómo medir la velocidad: datos de campo y de laboratorio
| Herramienta | Tipo de datos | Para qué sirve |
|---|---|---|
| PageSpeed Insights | Campo (CrUX) y laboratorio (Lighthouse) | Saber si una URL cumple las Core Web Vitals y qué mejorar |
| Informe de Core Web Vitals de Search Console | Campo | Ver qué grupos de páginas fallan en todo el sitio |
| GTmetrix | Laboratorio | Analizar la cascada de recursos y comparar antes y después |
| Chrome DevTools (Rendimiento) | Laboratorio | Encontrar tareas largas de JavaScript que empeoran el INP |
Los datos de campo dicen si tienes un problema; los de laboratorio ayudan a encontrar la causa. En el diccionario explicamos cómo interpretar la nota de Google PageSpeed y cómo leer la cascada de GTmetrix.
07 Cómo optimizar la velocidad de una web paso a paso
-
1
Mide con datos reales
Revisa el informe de Core Web Vitals en Search Console y PageSpeed Insights de tus plantillas principales: inicio, categoría, ficha, artículo.
-
2
Elige la métrica que falla
LCP, INP y CLS tienen causas distintas. No apliques recetas genéricas: ataca la que suspende.
-
3
Arregla el servidor y la caché
Sin un tiempo de respuesta rápido, el resto de mejoras luce poco.
-
4
Aligera imágenes y recursos
Formatos modernos, tamaños justos, carga diferida fuera de pantalla y nada de lazy loading en la imagen principal.
-
5
Poda el JavaScript
Quita plugins y scripts que no aportan y aplaza los que no son críticos.
-
6
Valida y vigila
Los datos de campo tardan unas semanas en reflejar los cambios. Revisa cada mes para que un plugin nuevo no deshaga el trabajo.
Si tu web es un WordPress, muchas de estas mejoras se aplican con unos pocos plugins para acelerar la carga, bien configurados. Cuando el problema viene del tema, del hosting o de código a medida, conviene un servicio de optimización de la velocidad web que lo diagnostique a fondo.
08 Velocidad, SEO y conversión
Donde más se nota la velocidad es en el negocio: una página que tarda en mostrarse pierde visitas antes de que lleguen a verla, y un botón que responde tarde genera clics repetidos y abandonos. En campañas de pago, además, cada visita perdida es un clic pagado y desaprovechado. Por eso la velocidad es uno de los apartados fijos de una auditoría web SEO, junto a la indexación y la conversión.
Preguntas frecuentes sobre Optimización de velocidad
Es el conjunto de técnicas que hacen que una web cargue su contenido antes, responda rápido a las acciones del usuario y no se mueva mientras carga. También se conoce como WPO.
LCP de 2,5 segundos o menos, INP de 200 milisegundos o menos y CLS de 0,1 o menos, medidos en el percentil 75 de las visitas.
Interaction to Next Paint mide cuánto tarda la página en mostrar una respuesta visual tras cada interacción del usuario. Es Core Web Vital desde el 12 de marzo de 2024, cuando sustituyó a FID.
Sí. Google usa las Core Web Vitals en sus sistemas de clasificación, aunque la relevancia del contenido pesa más: la velocidad ayuda sobre todo cuando varias páginas son igual de útiles.
Con PageSpeed Insights y el informe de Core Web Vitals de Search Console, que muestran datos de usuarios reales, y con GTmetrix o Lighthouse para el análisis técnico.
Los de campo vienen de visitas reales y son los que usa Google; los de laboratorio simulan una carga en condiciones fijas y sirven para diagnosticar y comparar cambios.
WPO son las siglas de Web Performance Optimization, el nombre en inglés de la optimización de velocidad y rendimiento de una web.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗