Web akan berusia 35 tahun pada bulan Agustus ini. Generasi developer telah membentuk teknologi luar biasa ini dan membawa banyak inovasi ke dalam kehidupan kita. Sekarang, ini adalah awal generasi baru, dengan AI. Berikut adalah 10 fitur menarik yang diluncurkan dalam sesi Keynote Developer dan I/O kami yang akan memandu Anda untuk melakukan pengembangan yang lebih baik–melalui web yang lebih canggih dan lebih mudah.
1. Integrasi Gemini Nano di desktop Chrome untuk menghadirkan fitur AI baru di perangkat
Mulai Chrome 126, Gemini Nano akan terintegrasi ke dalam desktop Chrome. Mengapa ini penting? Anda dapat menghadirkan fitur AI yang canggih kepada miliaran pengguna Chrome tanpa harus khawatir dengan rekayasa prompt, penyesuaian, kapasitas, atau biaya. "Bantu tulis" tersedia di Chrome dengan kemampuan di perangkat, untuk membantu pengguna menulis konten berdurasi singkat.
Bantu kami membentuk masa depan web dengan mendaftar ke program pratinjau awal kami.
2. WebAssembly dan WebGPU memungkinkan AI di perangkat, apa pun model AI yang Anda gunakan
Kami telah banyak berinvestasi untuk memastikan model AI berjalan dengan cepat dan efisien dengan menggunakan WebGPU dan Wasm–teknologi inti yang memungkinkan AI di perangkat di web. Peningkatan baru seperti nilai floating point 16-bit di WebGPU, dan Memory64 serta JavaScript Promise Integration di Wasm, membuat AI berjalan lebih cepat. Dengan Wasm dan WebGPU, library AI Anda akan dapat menjalankan model dalam skala besar, di berbagai hardware.
3. Chrome DevTools yang didukung AI akan menyederhanakan proses proses debug Anda
Chrome DevTools adalah salah satu cara paling populer untuk men-debug dan menyesuaikan aplikasi Anda. Dengan AI, proses debug akan menjadi jauh lebih mudah. Kami menghadirkan Gemini ke Konsol Chrome DevTools untuk menghasilkan insight, membantu Anda memahami masalah, dan bahkan mencari tahu cara memperbaikinya.
Insight konsol Chrome DevTools kini tersedia sebagai fitur eksperimental di Amerika Serikat, dan akan segera diluncurkan ke lebih banyak negara.
4. Speculation Rules API menghadirkan pengalaman penjelajahan instan
Dengan Speculation Rules API yang baru, kami mengaktifkan navigasi yang hampir instan, yang secara dramatis mempercepat penjelajahan dengan melakukan pra-pengambilan dan pra-render halaman di latar belakang. Pikirkan milidetik, bukan detik. Yang terbaik dari semuanya? Anda hanya memerlukan beberapa baris kode untuk memulai, dan AI dapat digunakan untuk memprediksi pola navigasi secara cerdas.
5. Melihat Transisi untuk situs multi-halaman
Kami ingin mendefinisikan ulang cara pengguna menggunakan web. Dan bagi developer, kami ingin mengubah cara Anda mem-build untuk web. Dengan View Transition API, Anda dapat dengan mudah menganimasikan antar-status halaman. Sekarang, fitur ini berfungsi dengan aplikasi multi-halaman, sehingga Anda dapat membuat navigasi yang lancar, apa pun arsitektur situs Anda. Jika digabungkan dengan Speculation Rules dan AI, transisi halaman bisa menjadi sangat mulus.
6. Dasbor Platform Web untuk tampilan terpadu di seluruh browser
Kami tahu bahwa mengikuti perubahan platform, API, dan framework terbaru di seluruh browser tidaklah mudah jika terus diperbarui. Dasar Pengukuran menyediakan cara untuk memahami fitur web yang didukung di semua browser. Sekarang, dengan Dasbor Platform Web, Anda dapat melihat seluruh platform web yang dipetakan sebagai serangkaian fitur, mengikuti pengembangan, dan memeriksa status interop-nya.
7. Alat dasar pengukuran, langsung di alur kerja Anda
Dasar pengukuran berfungsi optimal jika terintegrasi ke dalam alur kerja Anda. Mulai hari ini, Arsip RUM Akamai memiliki alat baru untuk developer di RUM Archive Insights. Untuk pertama kalinya, Anda dapat melihat pangsa pengguna global dari versi dan fitur Dasar Pengukuran yang dibuka dengan versi Dasar Pengukuran tersebut, secara berdampingan.
8. Hidrasi sebagian di Angular memungkinkan peningkatan performa
Kami percaya bahwa salah satu platform terbaik untuk mem-build dan men-deploy aplikasi web adalah Angular. Sekarang kami sedang mengerjakan hidrasi parsial, sehingga JavaScript hanya akan memuat dan menghidrasi bagian aplikasi Anda hanya jika diperlukan, yang secara signifikan meningkatkan Core Web Vitals untuk aplikasi yang sensitif terhadap performa. Lihat di pratinjau developer dalam beberapa minggu ke depan.
9. Reaksi terperinci Angular dengan Sinyal, siap pakai
Kami ingin memberi Anda kontrol yang lebih terperinci atas deteksi dan pengelolaan perubahan di aplikasi Anda. Masukkan: reaktivitas terperinci dengan Sinyal. Angular menyediakan serangkaian API reaktif baru yang mendukung pengalaman developer kelas satu dengan Sinyal. Selain itu, Sinyal memungkinkan deteksi perubahan terperinci yang hanya akan memeriksa sebagian hierarki komponen untuk menyebarkan perubahan status, sehingga Anda tidak perlu lagi mengoptimalkan UI secara manual.
API reaktif berbasis sinyal kini tersedia secara langsung. Deteksi perubahan terperinci akan hadir tahun ini.
10. Membuat pengalaman imersif 3D di Maps JavaScript API
Kami membuka lebih banyak cara untuk membuat pengalaman web yang imersif, dengan menghadirkan Peta 3D Fotorealistik ke Maps JavaScript API yang sudah dikenal dari Google Maps Platform. Sekarang, Anda dapat memanfaatkan teknologi rendering Google untuk menampilkan peta 3D yang kaya dengan kecepatan yang diharapkan pengguna. Bagian terbaiknya: Anda dapat memulai dengan satu baris kode.
Kami tidak sabar melihat pengalaman imersif yang menakjubkan yang akan Anda buat. Pelajari lebih lanjut.
Setiap hari, Anda mengatasi kerumitan pengembangan, mendorong batas kemungkinan. Kami senang dapat membantu Anda menciptakan pengalaman baru untuk dinikmati oleh kita semua. Kunjungi developer.chrome.com dan web.dev untuk mempelajari lebih lanjut web canggih ini, yang dibuat lebih mudah. Dan pastikan untuk terhubung dengan kami di X, YouTube, dan sekarang LinkedIn.
Sampai jumpa di I/O berikutnya.