Throttling de streaming consciente da perda 2025 — Controlando banda AVIF/HEIC com SLOs de qualidade

Formatos de alta compressão como AVIF e HEIC reduzem drasticamente o tráfego, mas são mais frágeis: recompactação e latência de CDN deterioram a fidelidade visual com facilidade. Com dezenas de milhares de usuários simultâneos você precisa manter SLOs de qualidade e, ao mesmo tempo, controlar o throughput. Este manual explica como implementar throttling de streaming consciente da perda, monitorar metas de qualidade e executar rollback com segurança — feito para equipes web que operam pipelines modernos de entrega de imagens.

TL;DR

• Política de throttling: calcule max_bandwidth = (region_bandwidth × 0.8) - priority_traffic e atribua usuários aos slots HD, SD, Fallback.
• SLOs de qualidade: imponha ΔSSIM < 0,03, ΔVMAF < 2, ΔLCP < 120 ms; se estourar, faça downgrade imediato da qualidade.
• Payload adaptativo: aposente HTTP/2 Push; negocie formatos com Priority Hints e o cabeçalho Accept.
• Roteamento de sinais: extraia loss_bucket dos logs edge, monitore em Prometheus/Grafana e rebaixe para JPEG/PNG se os limites forem ultrapassados.
• Integração CI/CD: use image-quality-budgets-ci-gates para medir ΔSSIM/ΔPSNR durante a build e alertar sobre alterações arriscadas.

Arquitetura de throttling

Calculando slots de banda

// edge/throttle.ts
export function assignSlot({ regionBandwidth, priorityTraffic, currentUsers }: {
  regionBandwidth: number
  priorityTraffic: number
  currentUsers: number
}) {
  const max = Math.max(0, regionBandwidth * 0.8 - priorityTraffic)
  const perUser = max / Math.max(currentUsers, 1)
  if (perUser >= 350_000) return 'HD' // AVIF 2x
  if (perUser >= 180_000) return 'SD' // WebP fallback
  return 'Fallback' // JPEG progressivo
}

Troca de formato no edge

// workers/image-router.js
addEventListener('fetch', event => {
  event.respondWith(handle(event.request))
})

async function handle(request) {
  const slot = assignSlot(await getRegionMetrics(request))
  const accept = request.headers.get('Accept') || ''

  if (slot === 'HD' && accept.includes('image/avif')) {
    return fetchAsset(request, 'avif')
  }
  if (slot !== 'Fallback' && accept.includes('image/heic')) {
    return fetchAsset(request, 'heic')
  }
  return fetchAsset(request, 'jpeg')
}

Ajuste fetchAsset para alterar Cache-Control por slot e expirar mais rápido as variantes de menor fidelidade.

Monitoramento da qualidade

Colete dados de campo com o agente performance-guardian e acompanhe os SLOs continuamente.

sendToGuardian('image_quality', {
  deltaSSIM,
  deltaVMAF,
  slot,
  userAgent,
  throughput: navigator.connection?.downlink || 0,
  lcp: getCurrentLCP()
})

Defina o SLO no Grafana/Prometheus assim:

slo:
  name: image-delivery-loss
  target: 99.5
  window: 7d
  indicator:
    ratio:
      success_metric: sum(rate(image_quality_good[5m]))
      total_metric: sum(rate(image_quality_total[5m]))

image_quality_good conta eventos em que ΔSSIM/ΔVMAF permanecem dentro dos limites. Quando o SLO for violado, force automaticamente slot = Fallback.

Verificações de qualidade no CI

Configure image-quality-budgets-ci-gates para barrar regressões antes do rollout.

{
  "budgets": [
    {
      "pattern": "public/images/**/*.avif",
      "compareWith": "baseline",
      "thresholds": {
        "ssim": 0.03,
        "vmaf": 2,
        "psnr": 1.5
      }
    }
  ]
}

Se o desvio passar dos limites, a build falha e um alerta é enviado no Slack.

Estratégia de rollback

• Rollback automático: quando a taxa de falhas do slot HD ultrapassar 30%, rebaixe imediatamente para SD e reavalie a cada dois minutos.
• Revisão humana: o time de qualidade verifica os artefatos do compare slider para flagrar regressões visuais.
• Purga CDN: após forçar o fallback, purge as variantes afetadas com surrogate-key.

Testes A/B e impacto no usuário

Throttling de streaming afeta a UX. Valide o impacto via experimentos.

Checklist

• [ ] A lógica de slots usa banda regional e tráfego prioritário.
• [ ] Dados de campo ΔSSIM/ΔVMAF são coletados e armazenados.
• [ ] Alertas de SLO chegam ao plantão SRE.
• [ ] Deltas de qualidade AVIF/HEIC são validados no CI.
• [ ] Fluxo de purge CDN para rollback é automatizado.
• [ ] Métricas de UX são monitoradas com testes A/B.

Resumo

Throttling consciente da perda une economia de banda a garantias de qualidade. Combine telemetria de banda em tempo real com SLOs de qualidade e automatize troca de formato e rollback. Com esses trilhos você absorve picos massivos de tráfego mantendo a fidelidade das imagens. Desenhe lógica de entrega e observabilidade em conjunto para detectar e corrigir degradações antes que os usuários percebam.