Ajusta el tamaño de los activos más pesados
Revisa imágenes, fuentes y scripts según los bytes entregados y la importancia en la ruta del cliente. Elimina o difiere trabajo solo cuando la experiencia visible se mantenga correcta.
Presupuesto de entrega / 04
Mejora la ruta,
luego mide de nuevo.
Guía práctica de planificación de rendimiento para identificar la ruta de cliente más lenta, establecer un presupuesto de entrega explícito y verificar una mejora controlada a la vez.
ÚSELO PARA: Utilícese para priorizar trabajo de entrega medible en HTML, imágenes, fuentes, scripts, caché e interacciones de usuario críticas sin prometer una puntuación ni un resultado de posicionamiento.
CUATRO PALANCAS CONTROLADAS
Reduce la fricción, no la evidencia.
Acorta la ruta de solicitudes críticas
Identifica solicitudes que bloquean el renderizado y dependientes del origen, luego evalúa caché, compresión, precarga o cambios de dependencias bajo condiciones controladas.
Protege la capacidad de respuesta de la entrada
Inspecciona tareas largas y trabajo del cliente alrededor de la interacción principal. Preserva semántica, accesibilidad, consentimiento y comportamiento funcional mientras reduces trabajo evitable.
Compara lo comparable
Registra la URL, la versión liberada, dispositivo, red, estado de caché y fuente de la métrica. Un cambio genera confianza solo cuando el mismo método produce un mejor resultado sin regresión.
MÉTODO / LIMITADO A LA FUENTE
Realice el siguiente paso conocido.
- Elige una ruta de cliente representativa y registra su evidencia actual de laboratorio y de campo disponible antes de cambiar el código.
- Establece un presupuesto revisable para el tamaño de transferencia, las solicitudes críticas y la métrica centrada en el usuario más relevante para esa ruta.
- Prioriza la causa controlable más grande, como una imagen sobredimensionada, un recurso que bloquea el renderizado, un script evitable o una respuesta lenta del origen.
- Realiza un único cambio acotado, compara la misma ruta y condiciones, y mantenlo o revierte según la evidencia observada.
VERIFICAR / ANTES DE CONFIAR
Compara resultados antes y después usando la misma URL, perfil de dispositivo, condiciones de red y supuestos de caché.
Revisa la página real en busca de regresiones en diseño, interacción, accesibilidad, analítica y rutas críticas del cliente.
Registra el identificador de la versión, los valores observados, condiciones de prueba, la decisión y el resultado de la reversión si el cambio no se retiene.
AUTORIDAD / REVISIÓN
Notas de la fuente, no certeza prestada.
Base de planificación: web.dev performance y la orientación de Core Web Vitals
- web.dev — Web performance ↗web.dev recomienda medir el rendimiento centrado en el usuario, comprender Core Web Vitals y aplicar mejoras dirigidas antes de volver a medir.
CONTEXTO / MANTENGA LA ENTREGA CONECTADA
Launch KitUsa el espacio de trabajo de lanzamiento de SIU como punto de partida estructurado para la planificación.Status Is DownUsa SID para señales de servicio en vivo, registros de servicios monitorizados y contexto de incidentes.Preparación de entrega de imágenesInspecciona las decisiones específicas de entrega de imágenes cuando los elementos visuales sean una parte significativa del presupuesto de la página.
Autoría: Borrador editorial de habilitación SIU; guía de rendimiento limitada a la fuente. Revisado por: Un responsable de rendimiento y el propietario de la ruta del cliente revisan la evidencia y las compensaciones. Revalidar: Revalida cuando cambien la composición de la página, la infraestructura de entrega, scripts de terceros o las condiciones de medición.