Dipublikasikan: 13 Desember 2024
Saat internet baru dimulai, berada di internet berarti menunggu dengan sabar melalui dial-up yang lambat dan bermain-main dengan sedikit Perl dan HTML. Namun, web telah berkembang secara eksponensial dalam waktu yang terasa singkat. Baik Anda mendapatkan pengiriman bahan makanan pada menit-menit terakhir atau menggunakan AI untuk meringkas banyak artikel panjang, link kini menjadi portal menuju kemungkinan yang tak terbatas.
Itulah sebabnya banyak dari kita menyukai web. Untuk membantu Anda menarik perhatian lebih banyak orang di seluruh dunia, kami telah meluncurkan alat baru untuk semua developer web—baik Anda developer frontend atau full stack, pemula atau profesional.
Lihat rangkuman kemampuan inovatif kami tahun 2024 yang memungkinkan Anda membangun pengalaman web yang lebih imajinatif dengan lebih sedikit upaya.
AI bawaan di Chrome membantu developer menghadirkan fitur canggih dengan Gemini
Di Google I/O 2024, kami mengumumkan cara kami menggunakan AI untuk meningkatkan kualitas web dengan Gemini Nano yang dibuat langsung di Chrome. Hingga saat ini, lebih dari 13.000 orang telah bergabung dalam program pratinjau awal untuk membantu kami membentuk masa depan web. Kami sangat berterima kasih atas kontribusi Anda, dan kami tidak sabar menanti semua pengalaman AI inovatif yang akan Anda buat.
Untuk membantu Anda memanfaatkan AI secara maksimal, kami telah meluncurkan beberapa API bawaan ke uji coba origin, seperti Prompt API, Translator API, Summarizer API, dan Language Detector API eksperimental. Semua fitur tersebut memungkinkan Anda menjalankan tugas yang didukung AI di browser tanpa panggilan server, dan Anda tidak perlu mengelola dan men-deploy model AI Anda sendiri. Lebih dari 8.600 developer mendaftar untuk mengikuti Google Chrome Built-in AI Challenge untuk membuat aplikasi web atau Ekstensi Chrome menggunakan API ini. Kami akan mengumumkan pemenang pada pertengahan Januari, jadi nantikan pengumumannya.
AI di perangkat ditingkatkan dengan peningkatan WebAssembly (Wasm) dan WebGPU
Kami yakin bahwa web adalah runtime terbaik bagi Anda untuk membangun aplikasi yang mendukung AI yang dapat menjangkau semua orang. Untuk melengkapi pekerjaan kami pada API AI bawaan, kami juga telah melakukan peningkatan pada dua teknologi yang memungkinkan Anda menghadirkan model AI Anda sendiri ke web dan menjalankannya dengan cepat: WebGPU dan Wasm.
Kami telah memperkenalkan nilai floating point 16-bit di WebGPU dan produk dot bilangan bulat yang dipadatkan, yang memungkinkan penggunaan GPU perangkat yang lebih fleksibel dengan shader komputasi. Peningkatan mendatang yang direncanakan untuk WebGPU mencakup subgrup dan matriks subgrup. Fitur ini akan memungkinkan aplikasi berkomunikasi dengan cepat antar-thread GPU dan memanfaatkan perkalian matriks berukuran tetap secara maksimal. Kami juga akan memperkenalkan Memory64 ke Wasm pada tahun 2025 agar model AI yang lebih besar dapat ditangani dalam memori.
View Transition API membuat situs terasa lebih terhubung dari sebelumnya dengan navigasi yang lancar
Dengan kemampuan baru seperti transisi tampilan lintas dokumen, Anda dapat membuat navigasi yang lancar dan mulus di beberapa halaman. Anda hanya memerlukan beberapa baris CSS untuk menghilangkan "kedipan" muat ulang yang mengganggu tersebut. Navigasi yang lancar dan mirip native yang dihasilkan membantu Anda memberikan pengalaman yang lebih imersif sekaligus mempertahankan manfaat arsitektur multi-halaman.
Posisi anchor dan popover CSS memungkinkan overlay interaktif tanpa JavaScript
Sekarang Anda dapat membuat tooltip, menu, dan overlay lainnya dengan popover dan
menghubungkannya secara visual ke elemen pemicunya dengan CSS Anchor Positioning
API. Yang Anda
butuhkan hanyalah sedikit CSS dan HTML untuk memastikan overlay tetap ditambatkan dan terlihat
bahkan saat orang men-scroll atau mengubah ukuran jendela. Pengguna Anda mendapatkan pengalaman web yang lebih andal dan dinamis, dan Anda tidak perlu lagi mengelola z-index dan perhitungan penempatan JavaScript yang rumit. Solusi ini saling menguntungkan.
Speculation Rules API memungkinkan navigasi yang hampir instan dengan melakukan pra-rendering halaman
Waktu pemuatan halaman berubah dari cepat menjadi hampir instan tahun ini dengan Speculation Rules API. API ini, yang hanya memerlukan beberapa baris JSON untuk diterapkan, memungkinkan halaman di- pra-render sepenuhnya di latar belakang sehingga siap digunakan kapan pun pengguna Anda siap.
Interaction to Next Paint (INP) menjadi Core Web Vitals
INP menggantikan First Input Delay sebagai Core Web Vital pada bulan Maret untuk membantu Anda mengukur responsivitas halaman secara lebih komprehensif di luar input pengguna pertama. Sejak saat itu, ada peningkatan 9% jumlah situs yang memiliki INP "baik" di perangkat seluler—yang berarti pengalaman pengguna yang lebih cepat dan lebih menyenangkan di seluruh web.
Fitur isi otomatis memungkinkan Anda memuaskan pengguna dengan checkout online yang lebih lancar
Mengaktifkan isi otomatis, yang memungkinkan browser mengisi kolom formulir secara otomatis dengan informasi tersimpan pengguna, dapat mendorong orang untuk menyelesaikan pengiriman formulir. Saat tim Chrome menganalisis data gabungan anonim di ribuan formulir online, mereka menemukan bahwa pengabaian formulir berkurang rata-rata sebesar 75% saat isi otomatis digunakan. Meskipun banyak faktor yang berkontribusi pada pengalaman checkout yang positif, data menunjukkan bahwa fitur isi otomatis dapat berperan penting.
Isi otomatis sangat berguna untuk alur checkout e-commerce. Di Shopify, checkout tamu yang menggunakan isi otomatis memiliki rasio konversi checkout 45% lebih tinggi daripada checkout tamu tanpa isi otomatis.
Chrome DevTools ditingkatkan dengan solusi yang didukung AI
Anda mungkin ingat bahwa kami memperkenalkan Gemini ke Chrome DevTools dengan insight konsol, yang memungkinkan Anda mengakses proses debug yang didukung AI untuk pemecahan masalah yang lebih efisien. Sejak Google I/O 2024, fitur ini telah tersedia secara global.
Kami juga telah meluncurkan panel bantuan AI, yang menggunakan Gemini untuk membantu Anda memahami detail teknis halaman Anda seperti gaya, permintaan jaringan, sumber, dan performa.
Anda mungkin telah melihat banyak peningkatan pada panel Performa tahun ini, termasuk kemampuan untuk memantau Data Web Inti secara real time dan menambahkan anotasi. Selain itu, kami menghadirkan kecanggihan Lighthouse ke panel Performa dengan insight performa.
Dengan peningkatan yang didukung AI ini, peningkatan panel Performa, dan puluhan update kualitas pengalaman pengguna seperti badge scroll, Chrome DevTools menjadi lebih bermanfaat dari sebelumnya. Peningkatan lainnya, seperti performa yang ditingkatkan dengan model Gemini 2.0 baru, akan hadir pada tahun 2025.
Dasar Pengukuran 2024 menghadirkan fitur web lintas browser baru bagi developer
Dari interpolasi gradien hingga properti kustom terdaftar, Baseline 2024 mencakup 39 fitur web lintas browser baru sejauh ini. Anda tidak perlu mengkhawatirkan interoperabilitas setelah fitur menjadi bagian dari Baseline selama minimal 30 bulan. Namun, jika Anda mencoba memutuskan apakah penggunaan fitur baru sepadan dengan potensi hilangnya jangkauan, lihat Insight Arsip RUM Akamai untuk fitur setiap versi Dasar dan pangsa pengguna global.
Pengumuman Baseline favorit kami tahun ini adalah dasbor Status Platform Web, yang memaparkan semua fitur web beserta tingkat dukungan lintas browsernya. Yang lebih menarik lagi adalah data yang mendukung dasbor Status Platform Web bersifat terbuka dan tersedia untuk Anda gunakan dan diintegrasikan ke dalam alat Anda sendiri. Contoh yang bagus untuk hal ini adalah banner dasar.
Browser utama menjadikan lebih banyak fitur sebagai Dasar pengukuran dengan Interop 2024
Untuk membantu menghadirkan lebih banyak fitur ke Baseline, kami sekali lagi bekerja sama dengan partner kami dalam Interop 2024. Fitur target tahun ini mencakup popover, nesting CSS, penyesuaian ukuran font, dan sintaksis warna relatif.
Interop juga menguraikan skor untuk rilis browser eksperimental dan stabil. Skor Interop keseluruhan untuk browser stabil saat ini adalah 87, dan Chrome Stabil memiliki skor 98 menjelang akhir tahun. Anda dapat mengikuti progres browser di Dasbor Interop. Kami sudah merencanakan Interop 2025, yang akan kami umumkan pada bulan Februari.
Membentuk pertumbuhan web bersama-sama di tahun baru
Meskipun progres kami pada tahun 2024 sangat menggembirakan, kami tahu bahwa masa depan akan lebih cerah. Semua ini berkat semangat, masukan, dan inovasi kolektif dari Anda—komunitas developer kami. Di berbagai acara di seluruh dunia, mulai dari BrazilJS Conference dan DevFest Paris hingga Google I/O 2024 dan Web AI Summit pertama, satu hal yang berulang kali kami pahami adalah: Anda semua percaya pada kekuatan dan potensi web seperti halnya kami.
Anda memiliki ide yang lebih berani dari sebelumnya. Kami berdedikasi untuk membantu Anda mewujudkan impian tersebut. Jadi, tetap terhubung dengan kami di X, YouTube, dan LinkedIn untuk mendapatkan info terbaru dari kami—dan mari kita membayangkan kembali kekuatan web bersama-sama.