Rendimiento y Optimización Web (WPO)
Guías técnicas para diagnosticar latencia, recursos del navegador, políticas de caché, CDN, PHP, consultas y regresiones de rendimiento.
Herramientas interactivas de diagnóstico
Ver toda Anayil Toolbox ↗Guías y respuestas
Diagnóstico de latencia
Separar red, navegador, origen y servicios externos mediante mediciones repetibles.
[WPO-001] Separar latencia del origen y del navegador
Mide DNS, conexión, TLS, espera del primer byte y descarga para localizar el tramo lento.
[WPO-002] Diagnosticar latencia intermitente sin confundirla con lentitud constante
Distingue picos aislados, caché fría, congestión y saturación mediante muestras correlacionadas.
[WPO-003] Reducir cadenas de redirecciones en la ruta de carga
Encuentra saltos HTTP, hostname y barra final que añaden viajes de red antes de servir la página.
[WPO-004] Localizar scripts externos que bloquean la experiencia
Atribuye esperas a cada dominio externo antes de retirar o diferir una integración.
Entrega de recursos al navegador
JavaScript, CSS, fuentes, compresión y reutilización de conexiones.
[WPO-005] Reducir el peso del paquete JavaScript inicial
Identifica dependencias duplicadas y código que no hace falta para la primera vista.
[WPO-006] Eliminar JavaScript bloqueante sin romper el orden de ejecución
Mueve scripts no críticos fuera del camino de renderizado y preserva dependencias explícitas.
[WPO-007] Identificar CSS que retrasa el primer renderizado
Separa estilos críticos de estilos de páginas o componentes que aún no se muestran.
[WPO-008] Evitar texto invisible mientras cargan las fuentes web
Diagnostica FOIT, fuentes duplicadas y bloqueos por proveedor externo.
[WPO-013] Activar y verificar compresión HTTP sin duplicar compresión
Comprueba negociación gzip/Brotli, tipos MIME, proxy y encabezados Vary.
[WPO-014] Reducir conexiones y negociaciones TLS repetidas
Localiza solicitudes fragmentadas entre dominios y valida reutilización de conexiones.
Caché HTTP y CDN
Políticas seguras, claves, invalidación y coherencia de versiones.
[WPO-009] Definir caché segura para HTML público y contenido privado
Evita tanto recalcular cada visita pública como almacenar respuestas con datos de otra cuenta.
[WPO-010] Cachear recursos versionados sin dejar archivos antiguos
Aplica caché prolongada solo a nombres con hash y conserva HTML revalidable.
[WPO-011] Corregir una clave de caché CDN fragmentada por parámetros
Reduce variantes innecesarias sin mezclar contenido que sí depende de la consulta.
[WPO-012] Purgar una versión obsoleta sin provocar una avalancha al origen
Planifica invalidación selectiva, precalentamiento y control del tráfico posterior.
Runtime PHP y base de datos
OPcache, colas PHP-FPM, consultas SQL y caché de objetos.
[WPO-015] Comprobar OPcache PHP y despliegues de código
Distingue OPcache desactivado, memoria agotada y código antiguo retenido.
[WPO-016] Diagnosticar cola saturada de PHP-FPM
Interpreta workers ocupados y cola antes de aumentar concurrencia o memoria.
[WPO-017] Encontrar consultas lentas que retrasan páginas dinámicas
Usa trazas y EXPLAIN con acceso autorizado; no ejecutes cambios de índices a ciegas.
[WPO-018] Evitar fallos de caché de objetos y avalanchas de expiración
Revisa tasa de aciertos, claves, TTL y coherencia antes de activar caché distribuida.
Navegación y control de regresiones
Caché de navegación del navegador y presupuestos de rendimiento en publicación.
[WPO-019] Recuperar navegación atrás/adelante rápida con bfcache
Detecta listeners, unload handlers y políticas que impiden restaurar una página desde memoria.
[WPO-020] Crear un presupuesto de rendimiento para evitar regresiones
Controla tamaño, solicitudes y latencia por plantilla con umbrales acordados y datos repetibles.