Web akan berusia 35 tahun pada bulan Agustus ini. Generasi developer telah membentuk teknologi yang luar biasa ini dan menghadirkan inovasi yang tak terhitung jumlahnya dalam kehidupan kita. Sekarang, telah saatnya generasi baru datang, dengan AI. Berikut 10 fitur menarik yang diungkap dalam sesi Keynote dan I/O Developer kami yang akan memandu jalan Anda menuju pengembangan yang lebih baik–melalui web yang lebih andal dengan lebih mudah.
1. Integrasi Gemini Nano di desktop Chrome untuk menghadirkan fitur AI baru di perangkat
Mulai Chrome 126, Gemini Nano akan diintegrasikan di Chrome desktop. Mengapa kebijakan ini penting? Anda akan dapat mengirimkan fitur AI yang canggih ke miliaran pengguna Chrome tanpa harus mengkhawatirkan rekayasa perintah, fine tuning, kapasitas, atau biaya. "Bantu menulis" tersedia di Chrome dengan daya di perangkat, untuk membantu pengguna menulis konten pendek.
Bantu kami membentuk masa depan web dengan mendaftar ke program pratinjau awal.
2. WebAssembly dan WebGPU memungkinkan AI di perangkat, apa pun model AI yang Anda gunakan
Kami telah banyak berinvestasi untuk memastikan bahwa model AI berjalan dengan cepat dan efisien dengan menggunakan WebGPU dan Wasm, yakni teknologi backbone yang memungkinkan AI pada perangkat di web. Peningkatan baru seperti nilai floating point 16 bit di WebGPU, serta Memory64 dan Integrasi Promise JavaScript di Wasm, membuat AI berjalan lebih cepat. Dengan Wasm dan WebGPU, library AI Anda akan dapat menjalankan model dalam skala besar, di berbagai hardware yang sangat besar.
3. Chrome DevTools yang didukung AI akan menyederhanakan 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 masalahnya, dan bahkan mencari cara untuk memperbaikinya.
Insight konsol Chrome DevTools tersedia hari ini sebagai fitur eksperimental di AS, 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 mendekati instan, yang secara dramatis mempercepat penjelajahan dengan melakukan pra-pengambilan dan pra-rendering halaman di latar belakang. Pertimbangkan milidetik, bukan detik. Yang terbaik dari semuanya? Pengujian ini hanya memerlukan beberapa baris kode untuk memulai, dan AI dapat digunakan untuk memprediksi pola navigasi secara cerdas.
5. Lihat Transisi untuk situs multi-halaman
Kami ingin mendefinisikan ulang bagaimana pengguna menikmati web. Dan untuk pengembang, kami ingin mengubah cara Anda membangun untuk web. Dengan View Transition API, Anda dapat dengan mudah menganimasikan antar-status halaman. Sekarang, fitur ini berfungsi dengan aplikasi multi-halaman, yang memungkinkan Anda membuat navigasi yang lancar, apa pun arsitektur situs Anda. Jika digabungkan dengan Aturan Spekulasi dan AI, transisi halaman dapat benar-benar lancar.
6. Dasbor Platform Web untuk tampilan terpadu di seluruh browser
Kami memahami bahwa tidak mudah mengikuti perubahan platform, API, dan framework terbaru di berbagai browser saat update terus-menerus dilakukan. Dasar pengukuran memberikan cara untuk memahami fitur web yang didukung di semua browser. Sekarang, dengan Dasbor Platform Web, Anda akan dapat melihat seluruh platform web dipetakan sebagai serangkaian fitur, mengikuti pengembangannya, dan memeriksa status interopnya.
7. Alat dasar pengukuran, tepat 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 terkait Insight Arsip RUM. Untuk pertama kalinya, Anda dapat melihat pangsa pengguna global versi dan fitur Dasar Pengukuran yang dibuka dengan versi Dasar Pengukuran tersebut, secara berdampingan.
8. Hidrasi sebagian di Angular memungkinkan performa yang lebih baik
Kami meyakini bahwa salah satu platform terbaik untuk membangun dan men-deploy aplikasi web adalah Angular. Sekarang kami sedang mengerjakan hidrasi sebagian, sehingga JavaScript hanya akan memuat dan melembapkan sebagian aplikasi Anda hanya saat diperlukan, sehingga meningkatkan Core Web Vitals secara signifikan untuk aplikasi yang sensitif terhadap performa. Lihat di pratinjau pengembang dalam beberapa minggu ke depan.
9. Reaktivitas Angular terperinci dengan Sinyal, langsung 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 mengaktifkan deteksi perubahan terperinci yang hanya akan memeriksa sebagian kecil hierarki komponen untuk menerapkan perubahan status, sehingga Anda tidak perlu lagi mengoptimalkan UI secara manual.
API reaktif berbasis sinyal kini tersedia dan siap digunakan. Deteksi perubahan yang mendetail akan tersedia nanti pada tahun ini.
10. Membangun pengalaman imersif 3D di Maps JavaScript API
Kami membuka lebih banyak cara untuk menciptakan 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 memberikan peta 3D yang kaya dengan kecepatan yang diharapkan pengguna. Bagian terbaiknya: Anda bisa mulai dengan satu baris kode.
Kami tidak sabar ingin melihat pengalaman menakjubkan dan imersif yang akan Anda bangun! Pelajari lebih lanjut.
Setiap hari, Anda mendobrak kompleksitas pengembangan, mendorong batas-batas segala kemungkinan. Kami senang membantu Anda menciptakan pengalaman baru untuk kita semua nikmati. Kunjungi developer.chrome.com dan web.dev untuk mempelajari lebih lanjut web canggih ini dengan lebih mudah. Dan pastikan untuk terhubung dengan kami di X, YouTube, dan sekarang LinkedIn.
Sampai jumpa di I/O berikutnya!