Tendencias / Consejos prácticos de mercadotecnia
Comprende los conceptos de carga, capacidad de respuesta y estabilidad del diseño, y convierte un informe de desempeño en una lista práctica de mejoras.
Revisado el 25 de octubre de 2026
Lee las medidas
| Métrico | Qué mide | Buen umbral |
|---|---|---|
| LCP | Carga del elemento de contenido visible más grande | 2,5 segundos o menos |
| INP | Capacidad de respuesta ante las interacciones del usuario | 200 milisegundos o menos |
| CLS | Movimiento inesperado en el diseño | 0,1 o menos |
Google evalúa estos objetivos en el percentil 75 de las visitas, por separado para dispositivos móviles y computadoras de escritorio. Cumplir con los tres objetivos no es lo mismo que obtener una puntuación alta en una sola prueba de laboratorio.
Antes de modificar el código
Revisa por separado la versión para computadora y la versión para celular. Una buena calificación en la versión móvil no garantiza que la experiencia en la versión de escritorio sea óptima. Revisa cada informe y prueba el menú, los formularios y las animaciones en ambos tamaños de pantalla. Los diseños para escritorio pueden generar trabajo adicional que el diseño para celular evita.
El «Tiempo total de bloqueo del faro» es un diagnóstico de laboratorio; no es un resultado medido de INP en el campo. Los datos de usuarios reales de PageSpeed reflejan los últimos 28 días, por lo que una corrección no reemplazará de inmediato toda la ventana de datos de campo. Verifica si el informe se refiere a esta URL o a todo el origen antes de atribuir la mejora a una sola página. Consulta Documentación de PageSpeed Insights de Google.
Una prueba de laboratorio es útil para reproducir un problema en condiciones definidas. Los datos de campo reflejan las experiencias registradas de los usuarios durante un período de informe. Ambos pueden presentar discrepancias debido a que los dispositivos, las conexiones, las visitas y las condiciones de prueba varían.
Anota la URL, la categoría del dispositivo, la fecha, las condiciones de la prueba y si el informe se refiere a una sola página o a un grupo más amplio. Una página que no cuente con suficientes datos de campo no se considera automáticamente buena o mala. Evita comparar informes que no tengan relación entre sí como si midieran lo mismo.
Una reseña práctica
| Síntoma | Investigar | Conservar y mejorar al mismo tiempo |
|---|---|---|
| El contenido principal se muestra lentamente | Tamaño de las imágenes, respuesta del servidor, fuentes y recursos que bloquean la visualización | Contenido inicial legible y la jerarquía visual prevista |
| El menú o el formulario parecen tardar en responder | Scripts de larga duración, interacciones costosas y herramientas de terceros | Navegación, validación y accesibilidad operativas |
| La página salta mientras se carga | Faltan las dimensiones de las imágenes, hay contenido que se muestra con retraso y las incrustaciones son inestables | Espacio predecible para los medios y los mensajes |
Trabajar con orden
Rendimiento y presentación
Un diseño sólido puede utilizar imágenes optimizadas, movimientos moderados y contenido claro sin necesidad de recargar la página una vez que se muestra. Asigna dimensiones específicas a las imágenes, carga los elementos multimedia no esenciales solo cuando sea necesario y ofrece un comportamiento con movimientos reducidos.
El trabajo de optimización del rendimiento no garantiza posiciones en los resultados de búsqueda ni consultas. Contribuye a la usabilidad junto con contenido útil, información de servicio adecuada y un proceso de contacto que funcione correctamente. Incluye estas verificaciones en el Lista de verificación para el rediseño y la migración.
Aplica las directrices
Elige un mercado para vincular esta guía con un plan de servicio. Las indicaciones anteriores se aplican a todas las ubicaciones.