Dipublikasikan: 19 Mei 2026
Agen mengubah pengembangan di mana pun, dan transformasi tersebut terjadi paling cepat di web. AI mendefinisikan ulang apa yang kita bangun, cara kita membangun, dan siapa yang membangun. Saat kita memasuki era web agentic, kita melihat pergeseran yang menjembatani kesenjangan antara alur kerja developer yang kompleks, kemampuan platform yang mendasarinya, dan pengalaman pengguna sehari-hari.
Di Google I/O 2026, kami memaparkan visi untuk era ini. Ide-ide ini mengaitkan tiga area inti ekosistem web: memberdayakan agen AI untuk membangun dan berinteraksi dengan situs melalui kemampuan baru, mendorong batas UI dan performa web, serta mengubah browser menjadi asisten yang canggih dan proaktif bagi pengguna sehari-hari dengan Gemini di Chrome. Dengan mengintegrasikan model AI bawaan yang efisien langsung ke browser dan menghadirkan alat otomatisasi canggih seperti penjelajahan otomatis ke Chrome, kami membuat penggunaan web lebih cerdas, lebih cepat, dan lebih mudah diakses oleh semua orang.
Berikut adalah 15 info terbaru terbesar yang kami bagikan di Google I/O 2026 untuk membantu Anda membangun dan berkembang di era penjelajahan web agentic.
Memberdayakan agen AI untuk Web
Agen mengubah cara kita berinteraksi dengan software, dan kami yakin web harus dilengkapi untuk memandu mereka. Kami memperkenalkan kemampuan dan alat baru yang canggih, seperti WebMCP dan Panduan Web Modern, yang memungkinkan Anda membangun pengalaman web modern dengan kejelasan dan kecepatan yang lebih baik. Kami juga memberi Anda alat yang didukung AI yang diperlukan untuk membangun, melakukan debug, dan mengoptimalkan kode dengan lebih cepat dan akurat dari sebelumnya.
1. WebMCP: Mengubah situs Anda menjadi toolkit berbasis agen
Kami memberi Anda gambaran pertama tentang WebMCP, standar web terbuka yang diusulkan yang memungkinkan Anda mengekspos alat terstruktur seperti fungsi JavaScript dan formulir HTML ke agen berbasis browser. Dengan menentukan alat ini, Anda dapat menginstruksikan agen secara tepat bagaimana dan di mana mereka harus berinteraksi dengan situs Anda. Hasilnya? Agent kini dapat memanggil fungsi yang kompatibel dengan mesin untuk menyelesaikan tugas kompleks dalam hitungan detik dengan keandalan, presisi, dan personalisasi yang lebih baik. Bayangkan seorang pengguna sedang merencanakan liburan ke beberapa kota. Daripada menonton agen mengisi formulir perjalanan, mereka dapat mengizinkan agen untuk membuat kueri langsung ke API backend guna membuat rencana perjalanan yang dipersonalisasi dan dioptimalkan untuk cuaca secara instan untuk mendapatkan persetujuan mereka.
Uji coba origin WebMCP eksperimental dimulai di Chrome 149. Gemini di Chrome akan segera mendukung WebMCP API. Kami telah melihat merek konsumen global bereksperimen dengan WebMCP untuk menciptakan pengalaman yang lebih menyenangkan dan menarik bagi pengguna mereka.
2. Panduan Web Modern: Cetak biru untuk memandu agen coding membangun web modern
Panduan Web Modern, yang kini tersedia dalam pratinjau awal, adalah serangkaian keterampilan yang selalu relevan dan telah diperiksa oleh pakar yang memandu agen coding Anda di berbagai kasus penggunaan umum untuk membangun pengalaman web modern yang paling mudah diakses, berperforma tinggi, dan aman. Alat ini terintegrasi langsung dengan Baseline, sehingga Anda dapat berfokus pada apa yang ingin Anda bangun, sementara alat Anda secara otomatis menentukan fitur dan penggantian yang tepat untuk digunakan dalam target Baseline yang Anda pilih. Instal dengan sekali klik di Google Antigravity, melalui npx, atau sebagai ekstensi di agen coding. Fitur Panduan Web Modern mendukung lebih dari 100 kasus penggunaan untuk puluhan fitur terbaru dengan update berkelanjutan yang ditambahkan secara rutin.
3. Mengotomatiskan proses debug dengan Chrome DevTools untuk agen
Menskalakan alur kerja Anda dengan Chrome DevTools untuk agen, yang memberikan visibilitas untuk memverifikasi, men-debug, dan mengoptimalkan kode secara real time. Dengan memberi agen akses langsung ke kemampuan DevTools, seperti log konsol, traffic jaringan, dan pohon aksesibilitas, mereka dapat memverifikasi dan mengotomatiskan perbaikan tanpa pengawasan manual. Chrome DevTools untuk agen tersedia hari ini untuk Antigravity dan lebih dari 20 agen coding lainnya.
4. Dapatkan insight mendalam dengan proses debug yang dibantu AI di Chrome DevTools
Bantuan AI di Chrome DevTools kini memiliki akses ke data Lighthouse, dan dapat otomatis menelusuri konteks untuk menjawab pertanyaan yang lebih terbuka daripada sebelumnya. Selain itu, widget memberi Anda visibilitas penuh ke penalaran Gemini untuk membantu Anda melakukan proses debug.
5. Lewati server, anggaran, dan birokrasi: Aktifkan fitur AI dengan AI bawaan
Berjalan sepenuhnya di browser, AI bawaan memungkinkan Anda men-deploy fitur proaktif yang dipersonalisasi yang akan sangat mahal di server. Lewati tagihan token dan hambatan lainnya untuk berfokus sepenuhnya pada nilai pengguna yang unik. Yang terbaik dari semuanya, browser mengelola dan membagikan model yang dioptimalkan di seluruh situs, sehingga memungkinkan lebih banyak pengguna menikmati pengalaman AI di web.
Untuk membantu Anda membuat peningkatan AI yang lancar ini, kami memperluas toolkit AI web:
- Prompt API stabil: Chrome 148 menggunakan Gemini Nano dengan input multimodal dan output terstruktur untuk pengalaman yang kaya, JSON yang andal untuk integrasi yang lancar, dan akses ke dukungan bahasa yang diperluas.
- Gemma 197M: Model pakar yang sangat efisien ini dapat mendukung API spesifik tugas seperti summarizer secara transparan, dengan otomatis menskalakan fitur Anda ke spektrum perangkat yang lebih luas.
Jelajahi rangkaian lengkap AI bawaan, termasuk Translator API dan Language Detector API yang sudah ada, dan bergabunglah dengan Program Pratinjau Awal untuk menguji API mendatang.
Mendorong batas UI dan performa web
Kami mengembangkan fitur platform generasi berikutnya yang terus mengaburkan batas antara aplikasi web dan native. API deklaratif baru, seperti HTML-in-Canvas dan Pembaruan Parsial Deklaratif, menangani tugas rendering dan performa yang kompleks untuk Anda, sehingga mempermudah pembuatan pengalaman yang indah, modern, fidelitas tinggi, berperforma, dan interaktif di web.
6. Transisi tampilan HTML dalam Canvas dan cakupan elemen: mendobrak batasan dengan UI generasi berikutnya
HTML-in-Canvas API dan transisi tampilan yang tercakup elemen baru memungkinkan UI yang sebelumnya tidak mungkin dan menghadirkan interaktivitas berfidelity tinggi seperti aplikasi ke web. Dengan HTML-in-Canvas API, integrasikan elemen DOM nyata langsung ke dalam kanvas dengan WebGL dan WebGPU untuk membangun pengalaman 3D imersif yang dapat ditelusuri, diakses, diterjemahkan secara native, dan berinteraksi dengan lancar dengan fitur browser bawaan Anda. Gabungkan ini dengan transisi tampilan, seperti transisi yang di-scope elemen, yang kini tersedia di Chrome 147, dan transisi dua fase, yang saat ini dalam pengujian, untuk membuat gerakan UI berlapis dan menganimasikan status perantara tanpa memblokir interaktivitas halaman. Dengan mengubah interaksi yang kompleks menjadi API deklaratif, kami memberikan performa dengan fidelitas tinggi secara default. Uji coba origin HTML in Canvas API kini tersedia.
7. Peningkatan performa dan UI: Core Web Vitals untuk SPA dan lainnya
Chrome memungkinkan cara baru untuk meningkatkan performa pengalaman web seperti aplikasi modern. Update baru mencakup Soft Navigations API, yang tersedia di rilis Chrome mendatang, untuk menghadirkan pengukuran Core Web Vitals ke Aplikasi Halaman Tunggal. Kami juga memperkenalkan primitif Update Parsial Deklaratif baru yang menghadirkan update HTML di luar urutan secara native ke platform, serta API streaming baru untuk mempermudah penyisipan HTML ke halaman tanpa manipulasi DOM yang berat. API ini kini tersedia untuk pengujian.
8. Memodernisasi autentikasi dengan mode UI Langsung
Sebagai bagian dari update identitas kami, mode UI Langsung menyatukan sandi dan kunci sandi ke dalam satu alur login yang dikelola browser. Saat pengguna mengklik "Login" di situs Anda, Chrome akan otomatis menampilkan kredensial yang tersedia—sehingga memungkinkan autentikasi yang lancar menggunakan sandi atau kunci sandi tersimpan. Mulai dengan panduan penerapan mode UI Langsung.
9. Rencanakan target Dasar Anda dengan data traffic dunia nyata
Tidak perlu lagi memindahkan data dengan file TSV yang diekspor. Gunakan alat Pemeriksa Dasar baru untuk terhubung langsung ke Google Analytics API yang telah diupdate dan melihat persis persentase pengguna sebenarnya yang mendukung fitur modern. Pilih target Dasar dan kirimkan fitur terbaru kepada pengguna Anda dengan percaya diri, sambil mengetahui kapan harus menggunakan penggantian.
Meningkatkan pengalaman penjelajahan dengan Gemini di Chrome
Dengan Gemini di Chrome di desktop, iOS, dan kini Android, kami memberi pengguna cara baru yang canggih untuk menjelajah, berkreasi, dan menyelesaikan berbagai hal. Mulai dari mengotomatiskan tugas multi-langkah yang kompleks dengan penjelajahan otomatis hingga interaksi multimodal yang intuitif menggunakan kursor atau suara Anda, Gemini di Chrome menghadirkan produktivitas yang canggih langsung di ujung jari pengguna.
10. Gemini di Chrome untuk Android: Asisten penjelajahan di ponsel Anda.
Mulai bulan Juni, kami mendesain Gemini di Chrome untuk Android sebagai asisten penjelajahan pribadi Anda, yang membantu Anda lebih memahami konten di web. Dengan fitur ini, Anda dapat meringkas artikel panjang, mengajukan pertanyaan spesifik, dan mendapatkan penjelasan mendetail tanpa harus beralih aplikasi. Selain menjawab pertanyaan, Gemini juga berfungsi sebagai alat produktivitas serbaguna yang terhubung dengan aplikasi Google seperti Kalender, Keep, dan Gmail untuk membantu Anda menyelesaikan tugas dengan cepat. Dengan Kecerdasan Personal, jika Anda memilih untuk menghubungkan aplikasi seperti Gmail dan Google Foto, asisten penjelajahan yang aman dan sadar konteks ini bahkan dapat memberikan respons yang disesuaikan berdasarkan minat, hobi, dan lainnya yang unik bagi Anda.
11. Menggunakan penjelajahan otomatis untuk menangani tugas yang membosankan
Sudah tersedia di desktop, fitur penjelajahan otomatis untuk Android memungkinkan Anda memaksimalkan Gemini di Chrome dengan mengotomatiskan tugas digital sehingga Anda dapat berfokus pada tugas yang lebih penting. Dengan penjelajahan otomatis, Anda dapat menyelesaikan tugas dengan mudah, mulai dari membuat janji temu hingga merencanakan pesta, menemukan item yang tersedia, dan banyak lagi, semuanya dari ponsel Android Anda. Misalnya, jika Anda akan pergi ke pertunjukan komedi, tetapi lupa memesan tempat parkir, penjelajahan otomatis akan membantu Anda. Cukup tanya Gemini di Chrome, dan Gemini akan mengumpulkan detail acara dari tiket Anda untuk menemukan tempat bagi Anda.
Di desktop, kami akan mengintegrasikan penjelajahan otomatis dengan Gemini Spark dalam beberapa bulan mendatang, sehingga agen AI pribadi 24/7 Anda dapat mengambil tindakan di browser untuk Anda.
12. Mengubah gambar di mana saja dengan Nano Banana
Dengan Nano Banana, Anda dapat langsung membuat atau menyesuaikan gambar saat menjelajahi web di perangkat Android Anda. Cukup minta Gemini di Chrome untuk "mengubah halaman ini menjadi infografis informatif" saat belajar, atau "mengubah gambar untuk menyertakan perlengkapan ruang keluarga modern" saat menjelajahi apartemen.
13. Keahlian di Chrome: Ubah perintah AI terbaik Anda menjadi alat sekali klik
Keahlian di Chrome memungkinkan Anda menyimpan dan menggunakan kembali perintah AI yang paling berguna di Gemini di Chrome di desktop. Simpan alur kerja multi-tab sekali, seperti membuat perbandingan spesifikasi berdampingan saat berbelanja atau memindai dokumen panjang untuk mendapatkan informasi penting, dan jalankan lagi secara instan dengan sekali klik kapan saja.
14. Memilih dari layar Anda untuk memberikan perintah kepada Gemini di Chrome
Anda kini dapat menggunakan pointer mouse untuk bertanya kepada Gemini di Chrome tentang bagian tertentu halaman web yang sedang Anda lihat, sehingga Anda tidak perlu menjelaskan maksud Anda secara persis. Misalnya, Anda dapat memilih dua produk di halaman dan langsung membandingkan fitur utamanya. Atau, jika Anda ingin mengedit gambar dengan Nano Banana, Anda dapat memilih bagian gambar yang ingin diubah secara tepat
15. Menggunakan suara Anda di seluruh web
Dalam waktu dekat, Anda dapat menggunakan suara untuk mengetik di situs di Chrome di desktop. Dengan suara, Anda akan lebih mudah dan lebih alami melakukan hal-hal seperti membuat draf komentar, mengisi kolom panjang pada formulir, atau menulis email. Fitur ini akan menggunakan model Gemini untuk membersihkan transkripsi Anda - menghapus "eh" dan "em" serta menyesuaikannya dengan konteks sambil tetap mempertahankan suara Anda - atau mengisi kolom sesuai permintaan Anda.
Langkah berikutnya
Transisi ke web agentic sedang terjadi di depan mata kita. Dengan menjembatani kesenjangan antara kemampuan AI yang mendasarinya dan pengembangan web sehari-hari, kami menghilangkan hambatan yang secara historis memperlambat dan membatasi inovasi.
Kita beralih dari web yang mengharuskan Anda melakukan semua pekerjaan berat, dan menuju web yang secara proaktif bekerja untuk Anda. Baik Anda ingin berintegrasi secara lancar dengan agen berbasis browser, mendorong batas visual absolut dari kemampuan halaman web, atau sekadar menyederhanakan alur kerja penelusuran bug Anda sendiri, kami menghadirkan alat untuk membangun masa depan web.
Jelajahi panduan lengkap dan pembahasan teknis mendalam di developer.chrome.com dan web.dev Kami ingin melihat apa yang Anda buat dengan fitur-fitur baru ini. Jadi, bagikan project Anda dan pastikan untuk terhubung dengan kami di X, LinkedIn, dan YouTube.
Sampai jumpa di Google I/O berikutnya.