Saltar al contenido
Rendimiento web

Cómo diagnosticar y mejorar el rendimiento de una web

Por Álvaro Garray Molina5 min de lectura

Para decidir con criterio

¿Por dónde empiezo si PageSpeed dice que mi web es lenta?

Identifica la métrica afectada y la URL antes de instalar un plugin o cambiar de alojamiento. LCP habla de carga, INP de respuesta a interacciones y CLS de estabilidad visual. El informe combina fuentes distintas; guarda sus condiciones y usa el diagnóstico para formular una hipótesis, no para atribuir automáticamente pérdidas de clientes. [1][2]

  • Si el elemento principal es una imagen, revisa sus dimensiones, prioridad y entrega antes de tocar todo el sitio.
  • Para una interacción lenta, reproduce el clic o la escritura que bloquea la página; optimizar imágenes puede no resolverla.
  • Después de modificar recursos, comprueba formularios, consentimiento, navegación y presentación.

Elegir una intervención a partir de la señal

En pantallas pequeñas puedes desplazar la tabla.

Elegir una intervención a partir de la señal
SeñalQué inspeccionarPrueba de resultado
LCP altoElemento principal y ruta de cargaMisma página y condiciones de red
INP altoInteracción y tareas que ocupan el navegadorRepetir ese gesto durante el uso real
CLS altoElementos que aparecen sin espacio reservadoObservar carga y cambios de contenido
Respuesta inicial lentaServidor y caché medidosComparar respuestas sin mezclar otros cambios
De una puntuación a una hipótesis comprobable
  1. Mide

    Guarda URL, dispositivo y fuente de los datos.

  2. Aísla

    Elige una causa respaldada por el diagnóstico.

  3. Valida

    Repite la prueba y revisa los efectos secundarios.

Mejorar el rendimiento consiste en localizar una espera o inestabilidad concreta, corregir su causa y comprobar el resultado. Una puntuación de PageSpeed es una señal técnica, no una estimación automática de ventas ni una explicación completa del posicionamiento.

Lo clave, en 30 segundos

  • Separa datos de campo de una prueba de laboratorio.
  • Mide URLs, dispositivos y condiciones que representen a los usuarios reales.
  • Relaciona cada cambio con una métrica y evita modificar varias causas a la vez.
  • Valida también funcionamiento, accesibilidad y calidad visual después de optimizar.

Qué significa una medición

PageSpeed Insights puede mostrar datos de usuarios reales cuando hay suficiente información y una prueba de laboratorio de Lighthouse. No son lo mismo: los datos de campo resumen experiencias observadas y la prueba de laboratorio reproduce unas condiciones controladas.

Las Core Web Vitals principales son LCP, INP y CLS. La documentación de Google considera buenas, como referencia, LCP de hasta 2,5 segundos, INP de hasta 200 milisegundos y CLS de hasta 0,1, evaluados en el percentil 75. Consulta las definiciones y umbrales oficiales.

Una puntuación no cuenta toda la historia

Una ejecución puede variar por red, dispositivo, servidor y contenido. Guarda el contexto de la prueba y busca tendencias antes de atribuir un cambio a una única causa.

Proceso de diagnóstico

  1. 1

    Elige páginas representativas

    Incluye las plantillas y recorridos importantes, no solo la portada. Define dispositivo, ubicación y estado de sesión.

  2. 2

    Compara campo y laboratorio

    Usa los datos de campo para detectar patrones y el laboratorio para reproducir y depurar problemas concretos.

  3. 3

    Encuentra el cuello de botella

    Inspecciona el elemento LCP, tareas largas de JavaScript, cambios de diseño, respuesta del servidor y cascada de red.

  4. 4

    Aplica un cambio medible

    Optimiza la causa observada y compara en las mismas condiciones. Conserva una forma segura de revertir el cambio.

  5. 5

    Comprueba efectos secundarios

    Verifica navegación, formularios, analítica, accesibilidad y calidad de imágenes antes de publicar.

Intervenciones según la evidencia

  • LCP: identifica primero qué elemento lo produce. Después revisa su prioridad, tamaño, ruta de carga, estilos bloqueantes y respuesta del servidor.
  • INP: busca tareas largas, controladores costosos y JavaScript que bloquee el hilo principal durante una interacción.
  • CLS: reserva espacio para imágenes y contenido dinámico, y revisa la carga de fuentes y componentes insertados después del renderizado inicial.
  • Transferencia: entrega imágenes con dimensiones y formatos adecuados, elimina recursos innecesarios y configura caché según la frecuencia real de cambios.

En WordPress conviene medir el efecto de tema, plugins, consultas, caché y hosting por separado. El número de plugins o el tipo de alojamiento no permite predecir por sí solo el rendimiento.

Rendimiento, SEO y conversión

Google indica que sus sistemas usan Core Web Vitals dentro de un conjunto más amplio de señales de experiencia de página. También aclara que obtener buenos resultados en estas métricas no garantiza las primeras posiciones. Puedes leerlo en la documentación sobre experiencia de página.

Una mejora técnica puede reducir fricción, pero su efecto comercial debe comprobarse con la analítica del propio sitio: finalización de formularios, ventas, errores o abandono por paso. Sin esa medición no es correcto asignar un porcentaje de conversión a unos milisegundos.

Cuándo pedir ayuda

Si el problema depende de varias capas —servidor, código, contenido y terceros—, una revisión técnica puede ordenar las hipótesis y definir pruebas. ilerNetwork es el estudio de diseño y desarrollo web de Álvaro Garray Molina; el alcance se acuerda después de revisar la URL y los datos disponibles.

También puedes empezar por nuestro análisis técnico inicial, teniendo en cuenta sus límites indicados en la propia página.

¿Quieres revisar un problema de rendimiento?

Analizamos la evidencia disponible y priorizamos cambios que puedan medirse.

Solicitar revisión

Fuentes y documentación

Las notas indican qué parte del artículo documenta cada referencia.

  1. Google web.dev: Core Web Vitals (se abre en una pestaña nueva)

    Define LCP, INP, CLS y sus umbrales de referencia.

  2. Google: interpretar PageSpeed Insights (se abre en una pestaña nueva)

    Explica diferencias entre laboratorio y datos de campo, y cuándo hay muestras suficientes.

Guía de decisión revisada el .

Compartir

¿Te ha gustado este artículo?

Suscríbete para recibir contenido práctico cuando publiquemos algo útil.

Al enviarlo, recibirás un correo para confirmar el alta. Consulta la política de privacidad.

Revisión manual de tu web por 19€

SEO técnico, UX, rendimiento, enlazado, accesibilidad y móvil. Observaciones priorizadas, sin prometer resultados comerciales.

Auditar mi web · 19€