Identifikasi masalah utama
- Berbeda dari manusia, agen AI sama sekali tidak membutuhkan CSS, JS klien, gambar, dan sejenisnya
- Elemen-elemen ini hanya memboroskan token dan hampir tidak memberikan informasi yang benar-benar berguna
- Yang dibutuhkan agen hanyalah teks yang rapi dan terstruktur
Solusi dari Vercel
- Memanfaatkan mekanisme HTTP content negotiation
- Mengembalikan format berbeda dari URL yang sama sesuai permintaan klien
- Manusia (browser) → pengalaman HTML + CSS + JS yang lengkap
- Agen AI → diberikan Markdown
- Diimplementasikan tanpa situs terpisah atau duplikasi konten
Cara kerjanya (berdasarkan header Accept)
- Contoh header yang dikirim agen
Accept: text/markdown, text/html, */*- → menyatakan bahwa markdown adalah preferensi utama
- Middleware Vercel memeriksa header Accept
- Jika markdown lebih diprioritaskan → diteruskan ke route handler Next.js
- Konten rich-text dari Contentful dikonversi ke markdown untuk respons
- Blok kode: marker syntax highlighting tetap dipertahankan
- Judul: hierarki tetap dijaga
- Tautan: dipertahankan apa adanya
Dampak dan angka
- Postingan blog biasa
- Versi HTML: sekitar 500KB
- Versi Markdown: sekitar 2KB
- Tingkat pengurangan ukuran: 99.6%
- Keuntungan
- Efisiensi anggaran token dimaksimalkan → fokus pada informasi nyata alih-alih markup
- Lebih banyak konten bisa diproses per permintaan
- Operasi lebih cepat + lebih jarang mencapai batas token
Pemeliharaan teknis
- Memanfaatkan remote cache Next.js 16 + slug bersama
- Saat konten Contentful diperbarui, versi HTML dan markdown disegarkan secara bersamaan → sinkronisasi tetap terjaga
Dukungan navigasi agen
- Menyediakan sitemap khusus dalam format markdown
- Informasi yang disertakan: tanggal terbit, tipe konten, tautan langsung ke masing-masing versi HTML/Markdown, dan lain-lain
- Agen bisa memahami peta seluruh konten yang tersedia → lebih mudah memilih format optimal
Makna akhirnya
- Mengakui bahwa cara manusia dan AI mengonsumsi web pada dasarnya berbeda
- Contoh praktis dalam menghadirkan pengalaman yang dioptimalkan untuk tiap klien
- Titik awal penting untuk web bagi manusia dan AI sekaligus
2 komentar
Menurut saya, hal seperti ini bagus untuk diikuti.
Web di masa depan mungkin bisa menjadi bentuk tanpa UI/UX..