Dipublikasikan: 19 Mei 2025
Agen mengubah pengembangan di mana pun, dan transformasi tersebut terjadi paling cepat di web. Agen mengubah definisi tentang apa yang kita bangun, cara kita membangun, dan siapa yang membangun. Saat kita memasuki era web agentic, kita melihat perubahan yang menjembatani kesenjangan antara alur kerja developer yang kompleks, kemampuan platform yang mendasarinya, dan pengalaman pengguna sehari-hari.
Di Google I/O 2026, kami mengungkapkan visi untuk era ini. Ide-ide ini mengikat tiga area inti ekosistem web: memberdayakan agen AI untuk membangun dan berinteraksi dengan situs melalui kemampuan baru, mendorong batas UI dan performa web, dan mengubah browser menjadi asisten yang canggih dan proaktif untuk 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 15 update 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 memandunya. Kami memperkenalkan kemampuan dan alat baru yang canggih, seperti WebMCP dan Modern Web Guidance, yang memungkinkan Anda membangun pengalaman web modern dengan lebih jelas dan cepat. Kami juga memberi Anda alat yang dibantu AI yang Anda butuhkan untuk membangun, melakukan proses debug, dan mengoptimalkan kode dengan lebih cepat dan akurat dari sebelumnya.
1. WebMCP: Mengubah situs Anda menjadi toolkit agentic
Kami memberi Anda tampilan pertama WebMCP, standar web terbuka yang diusulkan yang memungkinkan Anda mengekspos alat terstruktur seperti fungsi JavaScript formulir dan 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? Agen kini dapat memanggil fungsi yang mudah digunakan mesin untuk menyelesaikan tugas yang kompleks dalam hitungan detik dengan keandalan, presisi, dan personalisasi yang lebih tinggi. Bayangkan seorang pengguna sedang merencanakan liburan ke beberapa kota. Daripada melihat agen mengklik formulir perjalanan, pengguna dapat mengizinkannya untuk membuat kueri API backend secara langsung untuk langsung membuat rencana perjalanan yang dipersonalisasi dan dioptimalkan berdasarkan cuaca untuk disetujui.
Uji coba origin WebMCP eksperimental dimulai di Chrome 149. Gemini di Chrome akan segera mendukung WebMCP API. Kami sudah melihat merek konsumen global bereksperimen dengan WebMCP untuk menciptakan pengalaman yang lebih menyenangkan dan menarik bagi pengguna mereka.
2. Modern Web Guidance: Cetak biru untuk memandu agen pengkodean membangun web modern
Modern Web Guidance, yang kini tersedia dalam pratinjau awal, adalah kumpulan keahlian yang selalu diperbarui dan diverifikasi oleh pakar yang memandu agen pengkodean Anda di berbagai kasus penggunaan umum untuk membangun pengalaman web modern yang paling mudah diakses, berperforma, 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 satu klik di Google Antigravity, melalui npx atau sebagai ekstensi di agen pengkodean. Fitur Modern Web Guidance mendukung lebih dari 100 kasus penggunaan untuk puluhan fitur terbaru dengan update berkelanjutan ditambahkan secara rutin.
3. Mengotomatiskan proses debug dengan Chrome DevTools untuk agen
Skalakan alur kerja Anda dengan Chrome DevTools untuk agen, yang memberikan visibilitas untuk memverifikasi, melakukan proses 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 kini tersedia hari ini untuk Antigravity dan lebih dari 20 agen pengkodean lainnya.
4. Mendapatkan 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 yang sebelumnya tidak mungkin. Selain itu, widget memberi Anda visibilitas penuh ke alasan Gemini untuk membantu Anda melakukan proses debug.
5. Lewati server, anggaran, dan birokrasi: Aktifkan fitur AI dengan AI bawaan
Dengan berjalan sepenuhnya di browser, AI bawaan memungkinkan Anda men-deploy fitur proaktif yang dipersonalisasi yang akan sangat mahal jika di-deploy 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 membangun 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 khusus tugas seperti summarizer secara transparan, yang otomatis menskalakan fitur Anda ke spektrum perangkat yang lebih luas.
Jelajahi rangkaian AI bawaan lengkap, termasuk API Penerjemah dan Pendeteksi Bahasa yang 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 Declarative Partial Updates, menangani tugas rendering dan performa yang kompleks untuk Anda, sehingga memudahkan Anda membangun pengalaman yang indah, modern, berkualitas tinggi, berperforma, dan interaktif di web.
6. HTML-in-Canvas dan transisi tampilan cakupan elemen: mendobrak batas dengan UI generasi berikutnya
HTML-in-Canvas API dan transisi tampilan cakupan elemen yang baru memungkinkan UI yang sebelumnya tidak mungkin yang menghadirkan interaktivitas berkualitas tinggi seperti aplikasi ke web. Dengan HTML-in-Canvas API, integrasikan elemen DOM nyata langsung ke canvas 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 dengan transisi tampilan—seperti cakupan 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 berkualitas tinggi secara default. Uji coba origin HTML-in-Canvas API kini tersedia.
7. Keunggulan performa dan UI: Core Web Vitals untuk SPA dan lainnya
Chrome memungkinkan cara baru untuk meningkatkan performa pengalaman web modern seperti aplikasi. Update baru mencakup Soft Navigations API, yang tersedia dalam rilis Chrome mendatang, untuk menghadirkan pengukuran Core Web Vitals ke Aplikasi Halaman Tunggal. Kami juga memperkenalkan primitif Declarative Partial Updates baru yang menghadirkan update HTML native di luar urutan ke platform serta API streaming baru untuk memudahkan 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 yang disimpan. Mulai dengan panduan penerapan mode UI Langsung.
9. Rencanakan target Baseline Anda dengan data traffic dunia nyata
Tidak perlu lagi mengacak data dengan file TSV yang diekspor. Hubungkan langsung ke Google Analytics APIyang diperbarui dan lihat persis persentase pengguna sebenarnya yang mendukung fitur modern. Pilih target Baseline dan kirim fitur terbaru ke 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 menjelajahi, membuat, dan menyelesaikan tugas. Mulai dari mengotomatiskan tugas multi-langkah yang kompleks dengan penjelajahan otomatis hingga interaksi multimodal yang intuitif menggunakan kursor atau suara Anda, Gemini di Chrome menempatkan 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 di Android sebagai asisten penjelajahan pribadi Anda, yang membantu Anda memahami konten di web dengan lebih baik. Dengan alat ini, Anda dapat meringkas artikel panjang, mengajukan pertanyaan tertentu, dan mendapatkan penjelasan mendetail tanpa harus beralih aplikasi. Selain menjawab pertanyaan, alat ini 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, sadar konteks ini bahkan dapat memberikan respons yang disesuaikan berdasarkan minat, hobi, dan lainnya yang unik.
11. Menggunakan penjelajahan otomatis untuk menangani tugas yang membosankan
Penjelajahan otomatis untuk Android, yang sudah tersedia di desktop, memungkinkan Anda memaksimalkan Gemini di Chrome dengan mengotomatiskan tugas digital sehingga Anda dapat berfokus pada tugas yang lebih penting. Dengan penjelajahan otomatis, Anda dapat dengan mudah menyelesaikan tugas mulai dari pemesanan janji temu hingga perencanaan pesta, menemukan item yang tersedia, dan lainnya, semuanya dari ponsel Android Anda. Misalnya, jika Anda akan pergi ke pertunjukan komedi, tetapi lupa memesan tempat parkir, penjelajahan otomatis akan membantu Anda. Cukup tanyakan kepada Gemini di Chrome, dan Gemini akan mengumpulkan detail acara dari tiket Anda untuk menemukan tempat parkir.
Di desktop, kami akan mengintegrasikan penjelajahan otomatis dengan Gemini Spark dalam beberapa bulan mendatang, sehingga agen AI pribadi Anda yang aktif 24/7 dapat mengambil tindakan di browser untuk Anda.
12. Mengubah gambar saat bepergian dengan Nano Banana
Dengan Nano Banana, Anda dapat langsung membuat atau menyesuaikan gambar saat menjelajahi web di perangkat Android. Cukup minta Gemini di Chrome untuk "mengubah halaman ini menjadi infografik informatif" saat belajar, atau "mengubah gambar untuk menyertakan perlengkapan ruang tamu 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 satu klik kapan saja.
14. Pilih dari layar Anda untuk meminta Gemini di Chrome
Anda kini dapat menggunakan pointer mouse untuk bertanya kepada Gemini di Chrome tentang bagian tertentu dari halaman web yang Anda lihat, sehingga Anda tidak perlu menjelaskan maksud Anda secara tepat. 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 Anda ubah
15. Menggunakan suara Anda di seluruh web
Dalam waktu dekat, Anda dapat menggunakan suara untuk mengetik di situs di seluruh Chrome di desktop. Dengan suara, akan lebih mudah dan lebih alami untuk melakukan hal-hal seperti membuat draf komentar, mengisi kolom panjang di formulir, atau menulis email. Fitur ini akan menggunakan model Gemini untuk membersihkan transkripsi Anda—menghapus kata-kata yang tidak perlu dan menyesuaikannya dengan konteks sambil tetap mempertahankan suara Anda—atau mengisi kolom sesuai permintaan Anda.
Langkah berikutnya
Transisi ke web agentic sedang berlangsung 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 dengan lancar dengan agen berbasis browser, mendorong batas visual absolut dari kemampuan halaman web, atau sekadar menyederhanakan alur kerja proses debug 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 bangun dengan 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.