Web akan genap berusia 35 tahun pada bulan Agustus ini. Berbagai generasi developer telah membentuk teknologi yang luar biasa ini dan membawa inovasi yang tak terhitung jumlahnya ke dalam hidup kita. Sekarang, generasi baru telah tiba, dengan AI. Berikut adalah 10 fitur menarik yang diluncurkan di Keynote Developer dan sesi I/O kami yang akan memandu jalur Anda menuju pengembangan yang lebih baik–melalui web yang lebih andal menjadi lebih mudah.
1. Integrasi Gemini Nano di desktop Chrome untuk menghadirkan fitur AI baru di perangkat
Mulai Chrome 126, Gemini Nano akan diintegrasikan ke dalam desktop Chrome. Mengapa kebijakan ini penting? Anda akan dapat menghadirkan fitur AI yang canggih kepada 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 di perangkat di web. Peningkatan baru seperti nilai floating point 16 bit di WebGPU, serta Integrasi Memory64 dan JavaScript Promise 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 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 tahu cara memperbaikinya.
Insight konsol Chrome DevTools saat ini tersedia 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 bersifat hampir seketika, yang mempercepat penjelajahan secara drastis dengan melakukan pra-pengambilan halaman dan melakukan pra-rendering di latar belakang. Pikirkan milidetik, bukan detik. Yang terbaik dari semuanya? Hanya perlu beberapa baris kode untuk memulai, dan AI dapat digunakan untuk memprediksi pola navigasi secara cerdas.
5. Melihat Transitions API untuk situs multi-halaman
Kami ingin mendefinisikan kembali pengalaman pengguna terhadap web. Dan bagi developer, kami ingin mengubah cara Anda membangun aplikasi untuk web. Dengan View Transitions API, Anda dapat dengan mudah membuat animasi antar-status halaman. Dan sekarang, fitur ini berfungsi dengan aplikasi multi-halaman, sehingga Anda dapat membuat navigasi yang lancar, apa pun arsitektur situs Anda. Jika dikombinasikan dengan Aturan Spekulasi dan AI, transisi halaman dapat berjalan sangat lancar.
6. Dasbor Platform Web untuk tampilan terpadu di seluruh browser
Kami tahu bahwa tidak mudah mengikuti perubahan platform, API, dan framework terbaru di berbagai browser jika terus diupdate. Baseline menyediakan cara untuk memahami fitur web mana yang didukung di semua browser. Sekarang, dengan Dasbor Platform Web, Anda dapat melihat seluruh platform web dipetakan sebagai sekumpulan fitur, mengikuti pengembangannya, dan memeriksa status interopnya.
7. Alat dasar pengukuran, langsung di alur kerja Anda
Dasar pengukuran berfungsi optimal jika diintegrasikan ke dalam alur kerja Anda. Mulai hari ini, Arsip RUM Akamai memiliki alat baru untuk developer di Insight Arsip RUM. Untuk pertama kalinya, Anda dapat melihat pangsa pengguna global versi dan fitur Dasar Pengukuran yang tidak terkunci dengan versi Dasar Pengukuran tersebut, secara berdampingan.
8. Hidrasi sebagian di Angular memungkinkan peningkatan performa
Kami percaya salah satu platform terbaik untuk membangun dan men-deploy aplikasi web adalah Angular. Kami sekarang sedang mengerjakan hidrasi parsial, sehingga JavaScript hanya akan memuat dan menghidrasi bagian aplikasi hanya saat diperlukan, sehingga meningkatkan Core Web Vital secara signifikan untuk aplikasi yang sensitif terhadap performa. Lihat di pratinjau developer dalam beberapa minggu ke depan.
9. Reaktivitas Angular yang mendetail 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 sekumpulan 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 menyebarkan perubahan status, sehingga Anda tidak perlu lagi mengoptimalkan UI secara manual.
API reaktif berbasis sinyal tersedia saat ini dan siap digunakan. Deteksi perubahan yang mendetail akan hadir 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 Maps 3D Fotorealistik ke Maps JavaScript API yang sudah dikenal dari Google Maps Platform. Kini, Anda dapat memanfaatkan teknologi rendering Google untuk menyajikan peta 3D yang kaya dengan kecepatan yang diharapkan pengguna. Bagian terbaiknya: Anda bisa mulai dengan satu baris kode.
Kami tidak sabar untuk melihat pengalaman menakjubkan dan imersif yang akan Anda buat. Pelajari lebih lanjut.
Setiap hari, Anda mendobrak kompleksitas pengembangan, mendorong batas-batas yang memungkinkan. Kami senang dapat membantu Anda menciptakan pengalaman baru untuk dinikmati kita semua. Kunjungi developer.chrome.com dan web.dev untuk mempelajari lebih lanjut web canggih ini yang menjadi lebih mudah. Dan pastikan untuk terhubung dengan kami di X, YouTube, dan sekarang LinkedIn.
Sampai jumpa di I/O berikutnya!