Chrome Google I/O 2026: 15 Update untuk Era Web Agentic

Chrome Google I/O 2026 membawa sejumlah perubahan penting yang menunjukkan bagaimana browser dan platform web berkembang menuju era agentic web. Google memperkenalkan berbagai kemampuan baru untuk membantu developer membangun website yang dapat berinteraksi dengan agen AI, meningkatkan performa dan pengalaman pengguna, serta memanfaatkan kemampuan AI langsung di browser.

Dalam Google I/O 2026, Chrome memperkenalkan 15 update utama yang mencakup WebMCP, Modern Web Guidance, Chrome DevTools untuk agen, AI bawaan, HTML-in-Canvas, peningkatan Core Web Vitals untuk aplikasi web modern, autentikasi, Baseline Checker, hingga berbagai kemampuan baru Gemini di Chrome.

Perubahan ini penting bagi developer karena website masa depan tidak hanya akan digunakan oleh manusia. Agen AI juga semakin berperan dalam memahami informasi, menavigasi website, dan menjalankan tugas berdasarkan instruksi pengguna.

Artikel ini membahas seluruh update tersebut sekaligus menjelaskan apa dampaknya terhadap pengembangan website modern.

Apa yang Berubah pada Chrome di Google I/O 2026?

Menurut Chrome for Developers, Google I/O 2026 berfokus pada tiga area besar dalam ekosistem web:

• Memberdayakan agen AI untuk membangun dan berinteraksi dengan website.
• Mendorong batas kemampuan UI dan performa web.
• Meningkatkan pengalaman browsing melalui Gemini di Chrome.

Ketiga area tersebut menunjukkan bahwa browser tidak lagi hanya berfungsi sebagai perangkat untuk menampilkan halaman web. Browser mulai menjadi lingkungan tempat AI, website, developer tools, dan pengguna berinteraksi secara lebih erat.

Apa Itu Web Agentic?

Web agentic mengacu pada perkembangan web ketika agen AI dapat membantu memahami informasi dan melakukan tindakan melalui website.

Pada model web tradisional, pengguna melakukan hampir seluruh proses secara manual.

Contohnya:

Pengguna
   ↓
Membuka website
   ↓
Mencari informasi
   ↓
Mengisi formulir
   ↓
Memilih pilihan
   ↓
Mengirim permintaan

Dalam pendekatan agentic, sebagian proses tersebut dapat dibantu oleh agen AI.

Pengguna
   ↓
Memberikan instruksi
   ↓
Agen memahami kebutuhan
   ↓
Agen berinteraksi dengan website
   ↓
Website menyediakan kemampuan yang diperlukan
   ↓
Pengguna memberikan persetujuan jika diperlukan

Chrome melihat perkembangan ini sebagai bagian dari transisi menuju web yang lebih proaktif dan dapat membantu menyelesaikan tugas pengguna.

1. WebMCP: Mengubah Website Menjadi Toolkit Agentic

Salah satu pengumuman paling penting adalah WebMCP.

Chrome memperkenalkan WebMCP sebagai standar web terbuka yang diusulkan untuk memungkinkan website mengekspos tool terstruktur seperti fungsi JavaScript, formulir, dan HTML kepada agen berbasis browser.

Dengan pendekatan ini, website dapat memberikan informasi yang lebih jelas kepada agen tentang kemampuan yang tersedia dan bagaimana agen dapat berinteraksi dengannya.

Mengapa WebMCP Penting?

Bayangkan sebuah website perjalanan memiliki fitur pencarian hotel, penerbangan, cuaca, dan jadwal.

Tanpa mekanisme khusus, agen mungkin harus memahami antarmuka visual dan melakukan serangkaian klik seperti manusia.

Dengan WebMCP, fungsi tertentu dapat diekspos secara lebih terstruktur sehingga agen dapat memanggil kemampuan yang disediakan website.

Chrome memberikan contoh bahwa agen dapat menggunakan fungsi website untuk membuat kueri ke backend secara langsung dalam skenario tertentu, misalnya untuk menyusun rencana perjalanan yang dipersonalisasi berdasarkan kondisi cuaca sebelum pengguna memberikan persetujuan.

Status WebMCP

WebMCP masih merupakan standar web terbuka yang diusulkan. Chrome menyebutkan bahwa origin trial eksperimental WebMCP dimulai pada Chrome 149 dan dukungan WebMCP API untuk Gemini di Chrome direncanakan hadir.

Karena masih berkembang, developer perlu mengikuti dokumentasi dan spesifikasi terbaru sebelum menerapkannya sebagai bagian permanen dari arsitektur website.

2. Modern Web Guidance

Modern Web Guidance merupakan kumpulan keahlian yang dirancang untuk membantu agen coding membangun pengalaman web modern.

Chrome menjelaskan bahwa panduan ini diperbarui dan diverifikasi oleh para ahli serta mencakup berbagai kasus penggunaan umum dalam pengembangan website.

Fokusnya meliputi:

• Accessibility.
• Performa.
• Keamanan.
• Fitur web modern.
• Penggunaan teknologi berdasarkan target Baseline.

Modern Web Guidance juga terintegrasi dengan Baseline sehingga developer dapat menentukan target browser dan teknologi yang ingin digunakan. Chrome menyebutkan bahwa sistem ini mendukung lebih dari 100 kasus penggunaan dan terus mendapatkan pembaruan.

3. Chrome DevTools untuk Agen

Chrome juga memperkenalkan Chrome DevTools untuk agen.

Fitur ini memberikan agen akses terhadap kemampuan DevTools sehingga agen dapat membantu memverifikasi, melakukan debug, dan mengoptimalkan kode secara lebih langsung.

Beberapa informasi yang dapat digunakan agen antara lain:

• Console log.
• Network traffic.
• Accessibility tree.
• Informasi debugging.

Chrome menyatakan bahwa Chrome DevTools untuk agen tersedia untuk Antigravity dan lebih dari 20 agen coding lainnya pada saat pengumuman tersebut.

Manfaat bagi Developer

Developer tidak harus melakukan seluruh proses pemeriksaan secara manual.

Agen dapat membantu menemukan masalah, memahami konteks error, dan melakukan investigasi berdasarkan data DevTools.

Ini membuka kemungkinan workflow baru:

Developer
   ↓
Memberikan tugas
   ↓
Coding Agent
   ↓
Chrome DevTools
   ↓
Menganalisis error
   ↓
Mengusulkan / melakukan perbaikan
   ↓
Developer melakukan validasi

Chrome juga memberikan contoh LY Corporation yang menggunakan Chrome DevTools untuk agen dalam sistem audit performa berbasis AI dan melaporkan pengurangan analisis manual sebesar 96–98 persen. Angka tersebut merupakan klaim dan contoh penggunaan yang disampaikan oleh Chrome, bukan ukuran universal untuk semua proyek.

4. AI Assistance di Chrome DevTools

AI Assistance di Chrome DevTools mendapatkan kemampuan untuk menggunakan data Lighthouse.

Dengan akses terhadap konteks tersebut, AI dapat membantu menjawab pertanyaan debugging yang lebih terbuka.

Developer dapat menggunakan pendekatan berbasis AI untuk memahami masalah performa dan konteks halaman tanpa harus memeriksa setiap informasi secara manual.

Chrome menjelaskan bahwa kemampuan ini dirancang untuk mengurangi kompleksitas proses debugging dan memungkinkan kolaborasi manusia dengan agen.

5. AI Bawaan di Chrome

Chrome juga terus mengembangkan built-in AI, yaitu kemampuan AI yang berjalan langsung di browser.

Pendekatan ini memungkinkan developer membangun fitur AI tertentu tanpa selalu mengirim seluruh proses ke server.

Chrome menjelaskan bahwa AI bawaan dapat membantu developer membangun fitur yang lebih personal dan proaktif sambil mengurangi kebutuhan terhadap infrastruktur server untuk kasus penggunaan tertentu.

Prompt API

Chrome menyebutkan bahwa Prompt API stabil pada Chrome 148 dan mendukung model dasar dengan input multimodal serta output terstruktur.

Output terstruktur dapat berguna ketika hasil AI perlu digunakan kembali oleh aplikasi.

Contohnya, sebuah website dapat membutuhkan hasil dalam format data tertentu:

{
  "summary": "...",
  "category": "...",
  "recommendation": "..."
}

Format terstruktur dapat mempermudah integrasi antara model AI dan aplikasi.

Model Gemma yang Efisien

Chrome juga menyebut Gemma 197M, model yang dirancang sangat efisien untuk mendukung API dengan tugas tertentu seperti summarization.

Pendekatan model yang lebih kecil dapat membantu memperluas kemampuan AI ke lebih banyak perangkat dengan kebutuhan resource yang berbeda.

6. HTML-in-Canvas dan View Transitions

Chrome juga memperkenalkan kemampuan baru pada UI web melalui HTML-in-Canvas API dan peningkatan view transitions.

HTML-in-Canvas memungkinkan elemen DOM nyata diintegrasikan ke dalam canvas dengan teknologi seperti WebGL dan WebGPU.

Tujuannya adalah memungkinkan pengalaman visual yang lebih kompleks tanpa kehilangan kemampuan penting yang dimiliki elemen web.

Chrome menyebut bahwa elemen tersebut tetap dapat ditelusuri, diakses, diterjemahkan secara native, dan berinteraksi dengan fitur browser.

Mengapa Ini Penting?

Pengembang aplikasi web dapat membangun pengalaman yang lebih mendekati aplikasi native tetapi tetap menggunakan kemampuan platform web.

Teknologi ini dapat relevan untuk:

• Visualisasi 3D.
• Konfigurator produk.
• Pengalaman interaktif.
• Data visualization.
• Website kreatif.
• Aplikasi berbasis WebGL atau WebGPU.

7. Core Web Vitals untuk SPA dan Peningkatan Performa

Chrome juga mengumumkan perkembangan untuk pengukuran performa pada Single Page Application atau SPA.

Salah satu teknologi yang dibahas adalah Soft Navigations API, yang ditujukan untuk membawa pengukuran Core Web Vitals ke navigasi pada aplikasi halaman tunggal.

Ini penting karena SPA dapat mengubah konten halaman tanpa melakukan navigasi dokumen penuh seperti website tradisional.

Dengan pendekatan tersebut, pengukuran pengalaman pengguna pada aplikasi modern dapat menjadi lebih representatif terhadap interaksi yang sebenarnya terjadi.

Declarative Partial Updates

Chrome juga memperkenalkan Declarative Partial Updates untuk membantu melakukan pembaruan HTML tanpa manipulasi DOM berat.

API streaming baru juga diperkenalkan untuk memudahkan penyisipan HTML ke halaman.

Teknologi tersebut ditujukan untuk membantu developer membangun pengalaman web modern dengan lebih efisien.

8. Modernisasi Autentikasi dengan Direct UI Mode

Chrome memperkenalkan Direct UI Mode sebagai bagian dari perkembangan sistem autentikasi.

Mode ini menyatukan password dan passkey ke dalam satu alur login yang dikelola browser.

Ketika pengguna memilih login, Chrome dapat menampilkan kredensial yang tersedia sehingga proses autentikasi menjadi lebih terintegrasi dengan browser.

Pendekatan ini merupakan bagian dari upaya Chrome untuk membuat pengalaman autentikasi lebih sederhana bagi pengguna.

9. Baseline Checker untuk Menentukan Target Browser

Salah satu tantangan developer adalah menentukan apakah fitur web modern dapat digunakan berdasarkan perangkat dan browser pengguna.

Baseline Checker diperkenalkan untuk membantu developer menggunakan data traffic dunia nyata dalam menentukan target Baseline.

Chrome menjelaskan bahwa alat ini dapat terhubung langsung dengan Google Analytics API sehingga developer dapat melihat persentase pengguna aktual yang mendukung fitur modern tertentu.

Mengapa Baseline Penting?

Developer tidak selalu harus menggunakan fitur paling baru tanpa mempertimbangkan kompatibilitas.

Dengan data pengguna aktual, keputusan dapat dibuat berdasarkan kondisi audiens website.

Misalnya:

Target fitur modern
        ↓
Periksa dukungan browser
        ↓
Analisis traffic aktual
        ↓
Tentukan apakah perlu fallback
        ↓
Implementasikan fitur

Pendekatan ini lebih terukur daripada sekadar menebak perangkat yang digunakan pengunjung.

10. Gemini di Chrome untuk Android

Google juga memperluas pengalaman Gemini di Chrome ke Android.

Chrome menjelaskan bahwa Gemini di Chrome pada Android dirancang sebagai asisten browsing yang membantu pengguna memahami konten web.

Beberapa kemampuan yang disebutkan meliputi:

• Merangkum artikel panjang.
• Menjawab pertanyaan tentang halaman.
• Memberikan penjelasan.
• Terhubung dengan aplikasi Google tertentu seperti Calendar, Keep, dan Gmail.

Chrome juga menyebut kemampuan personalisasi ketika pengguna memilih menghubungkan layanan tertentu.

11. Penjelajahan Otomatis untuk Tugas Multi-Langkah

Penjelajahan otomatis memungkinkan Gemini di Chrome membantu menyelesaikan tugas digital yang terdiri dari beberapa langkah.

Chrome memberikan contoh seperti mencari tempat parkir berdasarkan informasi acara dan membantu tugas yang membutuhkan interaksi dengan beberapa halaman atau informasi.

Konsep ini menunjukkan perubahan penting pada browsing.

Browser tidak lagi hanya menunggu pengguna melakukan setiap tindakan satu per satu. Dalam skenario tertentu, agen dapat membantu mengerjakan rangkaian tindakan berdasarkan instruksi pengguna.

12. Nano Banana untuk Pengeditan Gambar di Chrome

Chrome juga memperkenalkan kemampuan menggunakan Nano Banana melalui Gemini di Chrome pada Android.

Pengguna dapat meminta AI membuat atau memodifikasi gambar berdasarkan konteks halaman yang sedang dibuka.

Chrome memberikan contoh seperti mengubah sebuah halaman menjadi infografik atau memodifikasi gambar agar sesuai dengan konteks tertentu.

13. Skills di Chrome

Skills di Chrome memungkinkan pengguna menyimpan perintah atau workflow AI yang sering digunakan sehingga dapat dijalankan kembali dengan lebih mudah.

Contohnya adalah workflow yang membutuhkan beberapa tab untuk:

• Membandingkan spesifikasi produk.
• Menganalisis dokumen panjang.
• Mengumpulkan informasi.
• Melakukan tugas berulang.

Dengan menyimpan workflow tersebut, pengguna dapat menjalankannya kembali tanpa menyusun instruksi dari awal.

14. Memilih Bagian Layar untuk Ditanyakan kepada Gemini

Chrome juga memperkenalkan interaksi berbasis pemilihan bagian layar.

Pengguna dapat menggunakan pointer untuk memilih bagian tertentu dari halaman kemudian mengajukan pertanyaan kepada Gemini mengenai bagian tersebut.

Contohnya, pengguna dapat memilih dua produk kemudian meminta Gemini membandingkan fitur utamanya.

Pendekatan ini mengurangi kebutuhan pengguna untuk menjelaskan secara manual bagian halaman yang dimaksud.

15. Menggunakan Suara di Seluruh Web

Chrome juga mengumumkan kemampuan menggunakan suara untuk memasukkan teks di website pada desktop.

Teknologi tersebut ditujukan untuk aktivitas seperti:

• Membuat komentar.
• Mengisi formulir panjang.
• Menyusun email.
• Memasukkan teks ke berbagai website.

Chrome menyebut Gemini dapat membantu membersihkan hasil transkripsi dengan menghilangkan kata-kata yang tidak diperlukan dan menyesuaikan teks dengan konteks sambil mempertahankan maksud pengguna.

Bagaimana 15 Update Ini Mengubah Cara Membuat Website?

Jika diperhatikan secara keseluruhan, 15 update tersebut bukan kumpulan fitur yang berdiri sendiri.

Semua mengarah pada perubahan yang lebih besar dalam ekosistem web.

Dulu, developer terutama memikirkan:

Website
↓
Browser
↓
Pengguna

Dalam web agentic, ekosistemnya menjadi lebih kompleks:

Website
   ↓
Browser
   ↓
AI / Agent
   ↓
Pengguna

Bahkan hubungan tersebut dapat berjalan dua arah.

Pengguna
   ↕
AI Agent
   ↕
Browser
   ↕
Website
   ↕
Backend / API

Perubahan tersebut membuat developer perlu memikirkan bukan hanya bagaimana website terlihat, tetapi juga bagaimana kemampuan website dapat dipahami dan digunakan oleh sistem otomatis.

Apa Dampaknya terhadap Developer Website?

Perkembangan Chrome di Google I/O 2026 memberikan beberapa implikasi penting untuk pengembangan website.

1. Struktur Website Semakin Penting

HTML semantik, accessibility, struktur DOM, dan elemen interaktif yang jelas semakin relevan ketika agen mulai berinteraksi dengan website.

2. API Web Menjadi Semakin Kuat

Web tidak hanya berkembang melalui JavaScript library. Platform browser sendiri mendapatkan kemampuan baru seperti WebMCP, HTML-in-Canvas, Partial Updates, dan berbagai API lainnya.

3. AI Mulai Masuk ke Workflow Developer

AI bukan hanya fitur yang ditambahkan ke website. AI juga digunakan untuk membantu developer membangun dan melakukan debugging website.

4. Browser Menjadi Lebih Aktif

Dengan kemampuan Gemini dan penjelajahan otomatis, browser mulai memiliki kemampuan untuk membantu pengguna menyelesaikan tugas.

5. Performa Tetap Menjadi Fondasi

Perkembangan AI tidak menghilangkan kebutuhan terhadap website yang cepat dan efisien. Sebaliknya, Chrome terus mengembangkan API untuk meningkatkan performa dan pengukuran pengalaman pengguna.

Apakah SEO Masih Penting di Era Web Agentic?

Ya, tetapi SEO bukan satu-satunya aspek yang perlu diperhatikan.

Website tetap membutuhkan struktur yang dapat ditemukan, konten yang relevan, navigasi yang baik, performa yang baik, dan pengalaman pengguna yang berkualitas.

Namun, perkembangan agentic web menambahkan dimensi baru: bagaimana agen dapat memahami dan berinteraksi dengan website.

Karena itu, strategi website modern dapat mencakup beberapa lapisan:

• Technical SEO.
• Content SEO.
• Accessibility.
• Core Web Vitals.
• Structured data yang relevan.
• Agentic readiness.
• AI integration.

Perlu diperhatikan bahwa fitur-fitur baru Chrome tersebut bukan berarti menjadi faktor ranking Google Search secara otomatis.

Apakah WebMCP Sama dengan SEO, AEO, atau GEO?

Tidak.

WebMCP, SEO, AEO, dan GEO memiliki fokus berbeda.

Konsep-konsep tersebut dapat saling berhubungan dalam strategi website modern, tetapi tidak boleh dianggap sebagai teknologi atau metode yang sama.

Apakah Semua Website Harus Menggunakan WebMCP?

Tidak.

Kebutuhan WebMCP bergantung pada jenis website dan fungsi yang ingin diberikan kepada agen.

Website blog sederhana mungkin tidak membutuhkan integrasi agentic yang kompleks.

Sementara itu, aplikasi seperti marketplace, sistem booking, travel platform, layanan finansial, atau aplikasi bisnis dengan banyak fungsi interaktif dapat memiliki use case yang lebih relevan.

Developer sebaiknya menentukan kebutuhan terlebih dahulu sebelum mengadopsi teknologi eksperimental.

Apa yang Harus Dipersiapkan Developer?

Developer yang ingin mengikuti perkembangan web agentic dapat mulai dari fondasi yang sudah relevan saat ini.

Beberapa hal yang layak diperhatikan:

• Gunakan HTML semantik.
• Bangun accessibility dengan benar.
• Jaga Core Web Vitals.
• Kurangi layout shift.
• Gunakan struktur DOM yang masuk akal.
• Buat fungsi website dengan API yang jelas.
• Pahami JavaScript modern.
• Pelajari WebMCP ketika kebutuhan proyek mengarah ke agentic interaction.
• Gunakan DevTools untuk debugging.
• Pantau kompatibilitas fitur melalui Baseline.

Hubungan dengan Penilaian Penjelajahan Agentik Lighthouse

Perkembangan ini juga berhubungan dengan Penilaian Penjelajahan Agentik Lighthouse yang diperkenalkan Chrome.

Penilaian tersebut melihat sejumlah aspek seperti WebMCP, accessibility tree, stabilitas layout, CLS, dan llms.txt.

Artinya, pembahasan Google I/O 2026 mengenai WebMCP dan agentic web bukan sekadar konsep masa depan. Chrome juga mulai menyediakan tooling untuk membantu developer menguji dan memahami kesiapan website terhadap pola interaksi baru.

Developer yang ingin memahami audit tersebut dapat membaca artikel Penilaian Penjelajahan Agentik Lighthouse.

Kesimpulan

Chrome Google I/O 2026 menunjukkan bahwa perkembangan browser sedang bergerak menuju web yang semakin agentic. Google tidak hanya memperkenalkan fitur AI untuk pengguna, tetapi juga membangun fondasi agar developer dapat membuat website yang lebih mudah dipahami, digunakan, diuji, dan dioptimalkan oleh agen AI.

Lima belas update yang diperkenalkan mencakup WebMCP, Modern Web Guidance, Chrome DevTools untuk agen, AI Assistance di DevTools, AI bawaan, HTML-in-Canvas, peningkatan Core Web Vitals untuk SPA, Direct UI Mode, Baseline Checker, Gemini di Chrome Android, penjelajahan otomatis, Nano Banana, Skills, pemilihan bagian layar, dan input suara di seluruh web.

Bagi developer, perubahan paling mendasar adalah pergeseran cara berpikir. Website tidak lagi hanya perlu dirancang untuk manusia yang menggunakan browser, tetapi juga semakin perlu mempertimbangkan agen yang memahami dan berinteraksi dengan browser.

Namun, teknologi seperti WebMCP dan sejumlah API baru masih berada dalam tahap pengembangan atau pengujian. Karena itu, developer sebaiknya tidak langsung mengadopsi setiap teknologi baru ke production tanpa memeriksa status dukungan browser, spesifikasi, keamanan, dan kebutuhan proyek.

Fondasi website tetap menjadi prioritas: HTML semantik, accessibility, performa, keamanan, struktur informasi yang jelas, dan pengalaman pengguna yang baik. Teknologi agentic kemudian dapat dibangun di atas fondasi tersebut ketika memang memberikan manfaat nyata.

Untuk informasi lengkap mengenai seluruh pembaruan tersebut, baca artikel resmi Chrome for Developers tentang update Google I/O 2026.