Para mejorar la velocidad de carga de tu web, mide primero las páginas que usan tus visitantes, identifica qué retrasa su contenido o sus interacciones y comprueba cada cambio en las mismas condiciones. Reducir imágenes, evitar trabajo innecesario de JavaScript y revisar la respuesta del servidor suelen ser puntos de partida, pero la prioridad depende de lo que revele la medición.
Esta guía se centra en cómo medir y actuar. Para entender el contexto, puedes leer el artículo sobre la importancia de la velocidad web. Una mejora técnica puede facilitar el uso de la página, pero no garantiza mejores posiciones en Google ni más ventas.
1. Elige qué páginas y acciones vas a medir
No revises solo la portada. Incluye una página de servicio, un artículo y, si tienes tienda, una categoría y una ficha de producto. Prueba también las acciones importantes: abrir el menú, aplicar un filtro, enviar un formulario o añadir al carrito.
Anota la dirección, el dispositivo, la herramienta y el estado de la página en cada prueba. Una sesión iniciada, un aviso de cookies o una aplicación de terceros pueden modificar lo que se carga. Usa condiciones comparables para no atribuir a un cambio diferencias causadas por la red o por el navegador.
- Selecciona páginas representativas, no únicamente la más rápida.
- Comprueba móvil y escritorio por separado.
- Repite las pruebas para detectar variaciones y evita decidir por un único resultado.
- Guarda el informe inicial y los problemas funcionales que observes.
2. Utiliza PageSpeed Insights sin confundir puntuación y experiencia real
Introduce una dirección pública en PageSpeed Insights y revisa las vistas de móvil y escritorio. La herramienta puede mostrar datos de usuarios reales y una prueba de laboratorio con Lighthouse. Son mediciones diferentes y no deben interpretarse como si fueran el mismo resultado.
Datos de campo: lo que experimentan usuarios reales
Cuando existen datos suficientes, la información del informe de experiencia de usuario de Chrome permite observar cómo funciona la web en visitas reales. Comprueba si el informe corresponde a la dirección concreta o al conjunto del origen. Que no aparezcan datos no significa que la web sea rápida o lenta: puede no haber información suficiente para mostrarlos.
Datos de laboratorio: una prueba para diagnosticar
Lighthouse ejecuta una prueba bajo condiciones controladas y señala oportunidades de mejora. Su puntuación puede variar entre ejecuciones. Úsala para investigar los recursos y las tareas que retrasan la página, no como un objetivo aislado ni como una garantía de posicionamiento.
Puedes consultar la explicación oficial de cómo funciona PageSpeed Insights. Si no dispones de datos de campo, combina las pruebas de laboratorio con comprobaciones en dispositivos reales y seguimiento posterior.
3. Identifica qué parte de la experiencia falla
No todos los problemas de velocidad consisten en descargar archivos. Puede aparecer tarde el contenido principal, bloquearse una interacción o moverse la página mientras lees. Las Core Web Vitals ayudan a distinguir estas situaciones.
- LCP: mide cuándo se muestra el elemento de contenido más grande visible. Investiga cuál es ese elemento y qué retrasa su aparición.
- INP: refleja la capacidad de respuesta a las interacciones. Si la página tarda en reaccionar, revisa las tareas de JavaScript y el trabajo necesario para actualizar la pantalla.
- CLS: mide los cambios inesperados de posición del contenido. Reserva espacio para imágenes, anuncios y elementos que llegan después.
La prueba de carga de Lighthouse no reproduce por sí sola todas las interacciones necesarias para valorar INP. Sus avisos sobre tareas largas pueden orientar el diagnóstico, pero no sustituyen esa medición. Consulta la documentación de Core Web Vitals para interpretar los indicadores y sus criterios actuales.
4. Optimiza las imágenes sin retrasar el contenido principal
Revisa qué imágenes se descargan y a qué tamaño se muestran. Una fotografía preparada para impresión suele necesitar una versión distinta para una pantalla. Reduce sus dimensiones al uso real y ajusta la compresión sin perder el detalle que el visitante necesita.
- Usa formatos como WebP o AVIF cuando sean adecuados y comprueba el resultado visual.
- Ofrece versiones de distinto tamaño para evitar descargar la misma imagen grande en todos los dispositivos.
- Declara dimensiones o una proporción estable para evitar que el contenido se mueva al cargar.
- Aplica carga diferida a imágenes que estén fuera de la vista inicial cuando corresponda.
- No retrases con carga diferida la imagen principal que necesita aparecer al abrir la página.
Si la imagen principal es el elemento LCP, comprueba que el navegador puede descubrirla pronto. La precarga o una prioridad de descarga mayor pueden ayudar en casos concretos, pero no conviene aplicarlas indiscriminadamente a todas las imágenes: compiten por los mismos recursos.
Revisa también vídeos y animaciones. Evita cargar un reproductor pesado antes de que el usuario lo necesite y ofrece una presentación inicial ligera cuando sea posible, sin ocultar información necesaria.
5. Reduce JavaScript y revisa los servicios de terceros
Cada chat, reproductor, herramienta de medición o extensión puede añadir descargas y trabajo al navegador. Haz una lista de lo que se carga y distingue lo imprescindible para usar la página de lo que puede esperar.
- Elimina extensiones duplicadas o sin una función necesaria, después de comprobar sus dependencias.
- Carga funcionalidades solo en las páginas que las utilizan cuando la plataforma lo permita.
- Divide tareas largas si una interacción queda bloqueada.
- Revisa si un servicio puede cargarse después o tras una acción del usuario.
- Mantén el consentimiento exigible: acelerar la web no justifica activar seguimiento antes de obtenerlo.
No marques todos los scripts como diferidos ni elimines código porque una herramienta lo señale como no utilizado en una sola visita. Puede ser necesario al abrir un menú o completar una compra. Después de cada ajuste, comprueba formularios, carrito y otros recorridos importantes.
6. Comprueba el servidor, la caché y la entrega de recursos
Si el navegador espera mucho antes de recibir la respuesta inicial, investiga el alojamiento, las consultas, las redirecciones y los procesos que generan la página. Comprimir imágenes no resuelve un servidor que tarda en responder.
Revisa la compresión de los archivos de texto y las reglas de caché de recursos que pueden reutilizarse. Una red de distribución de contenido puede facilitar la entrega, pero no corrige automáticamente una aplicación lenta ni una configuración incorrecta.
- Evita cadenas de redirecciones innecesarias sin romper las direcciones existentes.
- Configura la caché de imágenes, estilos y scripts teniendo en cuenta cómo se actualizan.
- No apliques caché pública a datos personales, sesiones, carritos o pedidos.
- Comprueba cómo se invalida la caché al cambiar contenido o publicar una versión.
Si no gestionas estas opciones, comparte los informes con quien mantiene la web y pide una comprobación concreta de la respuesta del servidor y de la caché. Cambiar de alojamiento sin diagnóstico puede trasladar el mismo problema a otro proveedor.
7. Revisa estilos, fuentes y movimientos de contenido
Los estilos y las fuentes también influyen en cuándo aparece el contenido y en su estabilidad. Limita las variantes tipográficas que no utilizas y comprueba cómo se muestra el texto mientras llega la fuente elegida.
Evita ocultar todo el texto hasta que termine una descarga. Si utilizas una fuente alternativa durante la carga, revisa que el cambio no desplace de forma incómoda títulos, botones o párrafos. Reserva espacio para banners y módulos que se insertan después.
Reducir estilos innecesarios puede ayudar, pero borrar reglas automáticamente sin probar otras páginas puede romper el diseño. Haz estos ajustes sobre una copia de trabajo y comprueba los distintos tamaños de pantalla antes de aplicarlos a la web pública.
8. Prioriza cambios y verifica el resultado
Empieza por el problema que afecta al contenido o a la acción principal. Si la imagen inicial llega tarde, investiga su descarga y la respuesta del servidor. Si la página se ve pero no reacciona, revisa el trabajo del navegador. Si los botones cambian de lugar, corrige la estabilidad del contenido.
- Guarda la medición inicial y describe el problema observado.
- Aplica un cambio concreto o un pequeño grupo relacionado de cambios.
- Repite la prueba en las mismas páginas y condiciones.
- Comprueba las funciones principales y la apariencia en móvil y escritorio.
- Documenta qué cambió y cómo volver atrás si aparece un fallo.
- Revisa después los datos de usuarios reales cuando estén disponibles.
Los datos de campo reflejan visitas acumuladas, por lo que no muestran necesariamente un cambio en cuanto lo publicas. No confundas una mejora inmediata en laboratorio con una mejora ya confirmada para todos tus visitantes.
Qué no conviene hacer para conseguir una puntuación más alta
- Eliminar contenido necesario o funciones útiles solo para simplificar la prueba.
- Retrasar la imagen principal de la página o precargar todos los recursos.
- Instalar varias herramientas de optimización que aplican cambios incompatibles.
- Activar caché sin comprobar sesiones y datos privados.
- Dar por resuelto el problema con una única ejecución favorable.
- Prometer posiciones en Google a partir de una puntuación de rendimiento.
El objetivo es que la web muestre el contenido útil, responda a las acciones y mantenga una presentación estable. Google explica el contexto de estas señales en su documentación sobre Core Web Vitals y los resultados de búsqueda. Mejorarlas no garantiza una posición concreta.
Empieza por un diagnóstico, no por una lista de trucos
Elige tus páginas principales, mide su carga y sus interacciones y anota qué impide usarlas con comodidad. Esa información te permitirá decidir si necesitas optimizar imágenes, revisar el código o actuar sobre el servidor, sin modificar lo que ya funciona.
Si necesitas ayuda para interpretar los resultados y priorizar el trabajo, puedes consultar nuestro servicio de optimización web o enviarnos la dirección de tu web y el problema que observas.