Optimizar empieza por localizar el retraso que percibe el usuario. Una nota agregada no explica por sí sola qué está fallando.
Qué hacer
- Mide páginas representativas.
- Identifica recurso o interacción lenta.
- Cambia una causa y compara condiciones iguales.
Ejemplo práctico
Ejemplo hipotético. Una portada rápida no demuestra que el formulario o la página de proyectos funcionen bien en móvil.
Error que conviene evitar
Optimizar componentes pequeños mientras el contenido principal espera una petición lenta.
Cómo comprobarlo
Conserva medición inicial y posterior junto con el cambio realizado.
Plan de trabajo
Separa datos de usuarios reales y pruebas de laboratorio. Una prueba controlada ayuda a investigar, pero no representa todos los dispositivos ni todas las conexiones. Conserva condiciones de prueba y compara páginas equivalentes.
LCP observa la carga del elemento principal; INP, la respuesta a interacciones; CLS, la estabilidad visual. Los umbrales de buena experiencia publicados por Google son 2,5 segundos, 200 milisegundos y 0,1 respectivamente, evaluados en el percentil 75. No sustituyen una revisión de uso real ni garantizan posicionamiento.
Antes de optimizar, identifica el elemento o interacción problemática. Reducir una imagen secundaria no resuelve necesariamente una respuesta lenta del servidor. Divide el diagnóstico en red, carga de recursos, ejecución y presentación.
Guarda una medición inicial, realiza un cambio identificable y repite con las mismas condiciones. Después comprueba que la mejora técnica no haya empeorado legibilidad, funcionalidad o calidad visual.
Profundiza en cada decisión
- Cómo interpretar PageSpeed sin obsesionarte con la nota
- Cómo optimizar la imagen principal de una web
- Cómo evitar saltos de contenido al cargar
- Cómo mejorar la respuesta de botones y filtros
- Cómo controlar scripts externos en una web
- Cómo cargar fuentes sin empeorar la lectura
- Cuándo usar carga diferida de imágenes
- Cómo comprobar rendimiento después de un cambio
- Cómo establecer un presupuesto de rendimiento
Siguiente paso
Para continuar con una decisión relacionada, consulta cómo revisar la usabilidad y accesibilidad de una web.
Si necesitas llevarlo a tu empresa, revisa nuestro servicio de desarrollo web y cuéntanos el proceso que quieres resolver.
Documentación para ampliar
La documentación enlazada amplía los conceptos técnicos. Los criterios y ejemplos de esta guía son orientaciones editoriales; comprueba las condiciones concretas de tu proyecto antes de aplicarlos.