Como a Vercel reduziu o tamanho de páginas da web de 500 KB para 2 KB para agentes de IA
(vercel.com)Reconhecimento do problema central
- Diferentemente das pessoas, agentes de IA não precisam de CSS, JavaScript do cliente nem imagens
- Esses elementos só desperdiçam tokens e quase não fornecem informação realmente útil
- O que os agentes precisam é apenas de texto limpo e estruturado
A solução da Vercel
- Uso do mecanismo HTTP de negociação de conteúdo (Content Negotiation)
- Retorno de formatos diferentes na mesma URL, de acordo com a requisição do cliente
- Pessoa (navegador) → experiência completa em HTML + CSS + JS
- Agente de IA → entrega em Markdown
- Implementação sem site separado nem duplicação de conteúdo
Como funciona (com base no cabeçalho Accept)
- Exemplo de cabeçalho enviado pelo agente
Accept: text/markdown, text/html, */*- → indica que prefere markdown em primeiro lugar
- O middleware da Vercel inspeciona o cabeçalho Accept
- Se houver preferência por markdown → encaminha para o route handler do Next.js
- O conteúdo rich-text do Contentful é convertido para markdown e retornado na resposta
- Blocos de código: preservação dos marcadores de syntax highlighting
- Títulos: preservação da hierarquia
- Links: mantidos como estão
Efeitos e números
- Post típico de blog
- Versão HTML: cerca de 500 KB
- Versão Markdown: cerca de 2 KB
- Redução de tamanho: 99,6%
- Benefícios
- Máxima eficiência no orçamento de tokens → foco na informação real em vez de markup
- Possibilidade de processar mais conteúdo por requisição
- Operação mais rápida + menor chance de atingir o limite de tokens
Manutenção técnica
- Uso do remote cache do Next.js 16 + slug compartilhado
- Quando o conteúdo no Contentful é atualizado, as versões HTML e markdown são atualizadas ao mesmo tempo → mantendo a sincronização
Suporte à navegação dos agentes
- Disponibilização de um sitemap dedicado em formato markdown
- Informações incluídas: data de publicação, tipo de conteúdo, links diretos para as versões HTML e Markdown etc.
- Os agentes conseguem entender o mapa completo do conteúdo disponível → facilitando a escolha do formato ideal
Significado final
- Reconhece que a forma como pessoas e IA consomem a web é fundamentalmente diferente
- Exemplo prático de oferta de uma experiência otimizada para cada cliente
- Um ponto de partida importante para uma web para pessoas e IA
2 comentários
Acho que seria bom seguir esse tipo de coisa.
Talvez a web do futuro acabe sendo algo sem UI/UX..