La optimización empieza con un síntoma: la cabecera aparece tarde, un botón responde despacio o el contenido salta al cargar. Una puntuación PageSpeed no explica toda la experiencia. Relaciona las mediciones con lo que percibe el visitante y realiza cambios pequeños y verificables.
1. Registra el punto de partida
Elige portada, página de servicio y un artículo pesado. Anota dispositivo, conexión, URL y fecha. Repite mediciones para que una respuesta excepcionalmente lenta no determine el plan. Observa cuándo se puede realizar la acción principal.
Core Web Vitals mide carga, respuesta y estabilidad mediante LCP, INP y CLS. Los límites considerados buenos son 2,5 segundos, 200 milisegundos y 0,1, respectivamente, en el percentil 75 de las visitas. El laboratorio y los usuarios reales responden a preguntas distintas.
2. Empieza por las imágenes
Compara las dimensiones del archivo con su espacio de presentación. Una tarjeta pequeña rara vez necesita miles de píxeles. Prepara tamaños adecuados, compara WebP o AVIF con el original y revisa los detalles tras comprimir.
Las imágenes por debajo del primer bloque pueden cargarse de forma diferida. No apliques automáticamente loading="lazy" a la imagen principal que podría determinar LCP. Indica dimensiones o proporción para reservar espacio y evitar saltos del texto.
3. Revisa fuentes y servicios externos
Cuenta fuentes y pesos solicitados antes de poder leer. Retira solicitudes innecesarias, comprueba alternativas y evita ocultar el texto mucho tiempo. Después abre navegación y formulario: ahorrar bytes no debe estropear la composición.
Haz un inventario de widgets, analítica y bibliotecas con finalidad y responsable. Elimina servicios que ya no hagan falta. Si algo solo se necesita después de una acción, estudia retrasar su carga y prueba el recorrido completo.
4. Reduce el trabajo durante la interacción
Si el desplazamiento o los clics van lentos, busca tareas demasiado frecuentes: cálculos de tamaño, seguimiento del cursor o grandes actualizaciones. Desactiva efectos sospechosos de uno en uno y compara.
Revisa desenfoques intensos, vídeos de fondo y grandes capas móviles en un teléfono normal. No siempre es necesario eliminarlos: reducir área, frecuencia o elementos simultáneos puede bastar. Conserva una respuesta clara tras pulsar.
5. Comprueba velocidad e integridad a la vez
Repite las mediciones en las mismas condiciones. Luego abre el menú, consulta un caso, cambia de idioma y rellena campos sin enviar el formulario. Revisa imágenes ausentes y saltos de línea dañados.
Guarda los originales y registra el cambio y su resultado. Una puntuación perfecta permanente no es una promesa útil: contenido y condiciones cambian. Establece un presupuesto razonable para nuevas imágenes y revisa las nuevas páginas del mismo modo.
El siguiente paso
Reducir imágenes pesadas y solicitudes innecesarias suele ser un buen comienzo. Pero las mediciones marcan la prioridad: corrige lo que retrasa una tarea concreta del visitante.