Dipublikasikan: 20 Mei 2025
Di Google I/O 2025, kami memperkenalkan fitur baru untuk meningkatkan produktivitas Anda dan memungkinkan Anda membuat web yang lebih canggih, lancar, dan modern.
Berikut adalah 10 inovasi utama yang menghadirkan kemampuan canggih langsung ke tangan Anda dan pastinya akan menginspirasi project Anda berikutnya.
1. Membuat carousel kini lebih mudah dengan beberapa baris CSS dan HTML
Buat carousel yang menarik dengan CSS yang interaktif pada saat pertama kali di-paint. Chrome 135 memperkenalkan primitif CSS baru—fragmentasi yang dapat ditata gaya, elemen penanda scroll, dan tombol scroll—yang menyederhanakan pembuatan carousel tanpa JavaScript. Gunakan konsep CSS yang sudah dikenal untuk membuat carousel yang kaya, interaktif, lancar, dan lebih mudah diakses, dalam waktu singkat.
2. Popover Deklaratif: Memperkenalkan Interest Invoker API baru
Interest Invoker API eksperimental tersedia sebagai
uji coba origin.
Dengan fitur ini, Anda dapat mengalihkan popover secara deklaratif saat minat pengunjung
aktif selama durasi yang singkat. Selamat tinggal atribut
[title] yang tidak dapat diberi gaya; selamat datang
[interesttarget]. Gabungkan dengan
Anchor Positioning API dan
Popover API
untuk membuat
elemen UI yang kaya, responsif, dan interaktif seperti tooltip atau kartu pengarahan kursor,
tanpa JavaScript. Kemungkinannya tak terbatas dengan CSS modern.
3. Beberapa API AI bawaan yang menggunakan model terkemuka seperti Gemini Nano tersedia, kini menampilkan kemampuan multimodal di Prompt API
Perjalanan AI bawaan kami terus berlanjut, sehingga Anda mendapatkan privasi yang lebih baik, latensi yang lebih rendah, dan biaya yang lebih rendah, beserta akses ke output berkualitas tinggi yang dibuat AI. AI bawaan menggunakan model ahli dan Gemini Nano, model paling efisien Google, untuk tugas di perangkat. Mulai Chrome 138, Summarizer API, Language Detector API, Translator API, dan Prompt API untuk Ekstensi Chrome tersedia di Stabil. Selain itu, Writer API dan Rewriter API tersedia dalam uji coba origin.
Proofreader API baru, beserta Prompt API dengan kemampuan multimodal, tersedia di Chrome Canary.
Untuk informasi terbaru, bergabunglah dengan program pratinjau awal kami untuk berkolaborasi dalam API AI bawaan baru dan membentuk masa depan AI di web.
4. AI sisi klien diperluas dengan Firebase dan Gemini Developer API untuk memberikan solusi AI hybrid
Kolaborasi kami dengan Firebase dan Gemini Developer API berarti Anda kini dapat mem-build pengalaman web yang didukung AI di perangkat seluler dan desktop. Aplikasi ini menggunakan AI sisi klien jika memungkinkan dan diskalakan dengan lancar ke AI sisi server untuk menjangkau semua perangkat dan browser. Mulai hari ini, Firebase AI Logic memberikan akses yang lancar ke Prompt API bawaan Chrome yang didukung oleh Gemini Nano dan model yang lebih kecil dan serupa di sisi server menggunakan Gemini Developer API.
5. Bantuan AI di Chrome DevTools mendukung alur kerja proses debug Anda di seluruh gaya visual, performa, dan lainnya
Dengan bantuan AI, Anda dapat melakukan chat dengan Gemini untuk membantu men-debug error gaya visual di panel Elemen, menyelesaikan masalah performa di panel Performa, mengidentifikasi masalah jaringan di panel Jaringan, dan menemukan file sumber di panel Sumber. Selain itu, bantuan AI kini dapat menerapkan perubahan terkait gaya visualnya langsung ke kode sumber Anda di panel Elemen.
6. Data pengguna sungguhan, Insight Lighthouse, dan fitur AI di panel Performa Chrome DevTools membantu Anda memahami dan memperbaiki masalah performa
Dengan panel Performa yang didesain ulang, kini Anda dapat mengakses data Core Web Vitals lokal dan pengguna sebenarnya serta bertanya kepada Gemini untuk membantu Anda memahami dan memperbaiki masalah performa. Sidebar Insight membawa insight Lighthouse ke dalam rekaman aktivitas Anda, sehingga membantu Anda men-debug dengan lebih cepat—semuanya tanpa harus keluar dari alur kerja atau mengganggu produktivitas Anda.
7. Ketersediaan fitur dasar pengukuran kini tersedia di alat yang sudah Anda kenal: VS Code, ESLint, dan lainnya
Dapatkan akurasi dan keyakinan yang lebih besar dalam alur kerja pengembangan web Anda dengan integrasi Dasar Pengukuran. Dalam alat pengembangan web yang sudah Anda kenal, Anda akan mendapatkan visibilitas yang jelas tentang ketersediaan fitur web di seluruh browser utama:
- IDE: VSCode kini menampilkan status Dasar Pengukuran fitur tepat saat Anda mem-build, dengan dukungan yang akan segera hadir di WebStorm oleh JetBrains dan IDE berbasis VS Code termasuk Firebase Studio, Windsurf, GitHub Codespaces, dan lainnya.
- Linters: Linters CSS dan HTML dapat memperingatkan Anda secara proaktif saat Anda menggunakan fitur yang lebih baru dari target Dasar Pengukuran. Dasar pengukuran didukung di ESLint untuk CSS, HTML ESLint, dan Stylelint.
- Analisis: RUMvision menggabungkan data Dasar Pengukuran dengan metrik pengguna sebenarnya, sehingga Anda dapat memilih versi Dasar Pengukuran yang optimal secara strategis untuk audiens. Pengguna Google Analytics dapat mengupload data mereka ke Pemeriksa Dasar Pengukuran Google Analytics untuk mendapatkan rekomendasi Dasar Pengukuran.
- Compiler: gunakan browserslist-config-baseline untuk menghubungkan target Dasar Pengukuran ke alat kompilasi kode seperti Babel dan PostCSS sehingga Anda dapat menggunakan fitur modern dalam kode sumber, dan mengompilasikannya dalam build produksi.
8. Dapatkan gambaran lengkap tentang dukungan fitur web dengan Dasbor Platform Web
Tahun lalu, kami mengumumkan Dasbor Platform Web, yaitu cara untuk menjelajahi data fitur web yang memetakan seluruh platform web sebagai kumpulan fitur. Dengan set data fitur web yang kini dipetakan 100%, untuk pertama kalinya, Anda dapat melihat status Dasar Pengukuran setiap fitur di setiap browser—dari AVIF hingga Transisi Tampilan—termasuk ketersediaan dan adopsinya. Tetaplah mendapatkan informasi terbaru dan membangun dengan percaya diri.
9. Uji coba developer untuk pengalaman login yang disederhanakan dengan Pengelola Kredensial
Kami memahami hambatan yang dapat ditimbulkan oleh beberapa metode autentikasi, termasuk sandi, penggabungan identitas, dan kunci sandi bagi pengguna situs Anda. Tujuan kami adalah menghadirkan pengalaman login terpadu dan mudah bagi pengguna, sehingga kami menghadirkan pengalaman intuitif Pengelola Kredensial Android ke Chrome. Dalam waktu dekat, saat pengguna mengklik login, Chrome akan menampilkan kredensial yang tersedia untuk situs ini, seperti kunci sandi dan sandi dari Pengelola Sandi Google, sehingga login menjadi lancar. Kami juga berencana menambahkan federasi identitas ke pengalaman ini. Pengelola Kredensial untuk web kini dalam uji coba developer; nantikan update selengkapnya nanti pada tahun ini.
10. Lakukan iterasi pada Ekstensi Chrome dengan lebih cepat dengan kemampuan untuk membatalkan peninjauan pengiriman
Mengirimkan Ekstensi Chrome Anda akan terasa lancar, bebas khawatir, dan menyenangkan. Namun, kami tahu bahwa salah satu masalahnya adalah tidak dapat memperbaiki kesalahan dengan cepat dalam pengiriman yang tertunda. Awal tahun ini, kami memperkenalkan kemampuan untuk membatalkan pengiriman yang tertunda, yang didasarkan pada kemampuan untuk mencabut versi yang dipublikasikan sebelumnya—semuanya dengan tujuan memungkinkan Anda melakukan perubahan dan mengirim ulang dengan cepat.
Untuk semua informasi terbaru, buka developer.chrome.com dan web.dev untuk mempelajari lebih lanjut cara kami membuat web yang canggih, yang lebih mudah. Dan pastikan untuk terhubung dengan kami di X, YouTube, dan LinkedIn. Sampai jumpa di I/O berikutnya.
Deloitte merujuk pada satu atau beberapa Deloitte Touche Tohmatsu Limited, perusahaan pribadi Inggris Raya yang dibatasi oleh jaminan ("DTTL"), jaringan firma anggotanya, dan entitas terkaitnya. DTTL dan setiap firma anggotanya adalah entitas yang terpisah dan independen secara hukum. DTTL (juga disebut sebagai "Deloitte Global") tidak menyediakan layanan kepada klien. Di Amerika Serikat, Deloitte merujuk pada satu atau beberapa firma anggota DTTL di Amerika Serikat, entitas terkaitnya yang beroperasi menggunakan nama "Deloitte" di Amerika Serikat dan afiliasinya masing-masing. Layanan tertentu mungkin tidak tersedia untuk mengautentikasi klien berdasarkan aturan dan peraturan akuntansi publik. Silakan buka www.deloitte.com/about untuk mempelajari jaringan global firma anggota kami lebih lanjut.