Dipublikasikan: 5 Mei 2026
Chrome 148 kini diluncurkan, dan postingan ini membagikan beberapa fitur utama dari rilis tersebut. Baca catatan rilis Chrome 148 lengkap.
Sorotan dari rilis ini:
- Kueri penampung hanya nama CSS memungkinkan Anda membuat kueri penampung berdasarkan nama tanpa menetapkan jenis penampung.
- Pemuatan lambat untuk elemen video dan audio memungkinkan Anda menunda pemuatan elemen ini hingga berada di dekat area pandang.
- Prompt API memberikan akses langsung ke AI di perangkat.
Kueri penampung hanya nama CSS
Penampung kueri CSS kini dapat dikueri hanya berdasarkan container-name, tanpa memerlukan container-type.
#container {
container-name: --foo;
}
@container --foo {
input { background-color: green; }
}
<div id="container">
<div><input></div>
</div>
Sebelumnya, @container memerlukan jenis penampung selain nama.
Pemuatan lambat untuk elemen video dan audio
Chrome 148 menambahkan atribut loading ke elemen <video> dan <audio>,
sehingga developer dapat menunda pemuatan resource media hingga elemen berada di dekat
area pandang menggunakan loading="lazy".
Hal ini sesuai dengan perilaku pemuatan lambat yang ada untuk <img> dan <iframe>
elemen, sehingga meningkatkan performa pemuatan halaman dan mengurangi penggunaan data.
Pelajari lebih lanjut di
dokumentasi MDN untuk properti loading
dan di blog Squarespace di
Cara Menggunakan Pemuatan Lambat Video dan Audio HTML Standar di Web Saat Ini
Prompt API
Prompt API memberi developer web akses langsung ke model bahasa AI di perangkat yang disediakan browser (khususnya, Gemini Nano di Chrome).
Implementasi awal mendukung input teks, gambar, dan audio. Selain itu, batasan respons memastikan bahwa teks yang dihasilkan sesuai dengan format ekspresi reguler dan skema JSON yang telah ditentukan.
Hal ini mendukung berbagai kasus penggunaan, mulai dari membuat teks gambar dan melakukan penelusuran visual, hingga mentranskripsikan audio, mengklasifikasi peristiwa suara, membuat teks yang mengikuti petunjuk tertentu, dan mengekstrak informasi atau insight dari materi sumber multi-modal.
Pelajari lebih lanjut di dokumentasi untuk Prompt API atau coba demo.
Bacaan lebih lanjut
Hal ini hanya mencakup beberapa sorotan utama. Lihat tautan berikut untuk mengetahui perubahan tambahan di Chrome 148.
- Catatan rilis untuk Chrome 148.
- Yang baru di Chrome DevTools (148).
- Update ChromeStatus.com untuk Chrome 148.
- Kalender rilis Chrome.
Langganan
Untuk terus mendapatkan informasi terbaru, subscribe ke channel YouTube Chrome Developers, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru. Atau ikuti kami di X atau LinkedIn untuk mendapatkan artikel dan postingan blog baru.
Segera setelah Chrome 149 dirilis, kami akan segera memberi tahu Anda tentang fitur baru di Chrome.