Baru di Chrome 60

Pete LePage

  • Paint Timing API memungkinkan Anda mengukur waktu hingga gambar pertama dan waktu hingga gambar pertama yang berisi konten dengan Paint Timings AP.
  • font-display memungkinkan Anda mengontrol cara font dirender sebelum didownload.
  • WebAssembly telah diluncurkan
  • Dan masih banyak lagi fitur lainnya.

Ingin melihat daftar lengkap perubahan? Lihat daftar perubahan repositori sumber Chromium

Saya Pete LePage. Mari kita lihat apa saja yang baru untuk developer di Chrome 60.

API pengaturan waktu cat

Saat pengguna membuka halaman web, mereka mencari beberapa masukan visual untuk meyakinkan mereka bahwa semuanya berfungsi. Dengan API pengaturan waktu gambar baru, kini kita dapat mengukurnya.

API ini mengekspos dua metrik:

  • Time to first paint - yang menandai titik saat browser mulai merender sesuatu, yaitu bit konten pertama di layar.
  • Waktu hingga first contentful paint - yang menandai titik saat browser merender bit konten pertama dari DOM, teks, gambar, dll.

Lihat artikel Manfaatkan Metrik Performa yang Paling Memengaruhi Pengalaman Pengguna untuk mempelajari cara melacak metrik ini dan menggunakannya untuk meningkatkan pengalaman Anda.

Properti font-display CSS

Font Web memberi Anda kemampuan untuk menggabungkan tipografi yang beragam. Namun, jika pengguna belum memiliki typeface, typeface tersebut harus didownload, yang berpotensi membuat situs Anda tampak lambat.

Untungnya, sebagian besar browser akan menggunakan penggantian jika font memerlukan waktu terlalu lama untuk didownload. Properti font-display baru memungkinkan Anda mengontrol cara font yang dapat didownload dirender sebelum dimuat sepenuhnya.

  • auto menggunakan strategi tampilan font apa pun yang digunakan oleh agen pengguna.
  • block memberi tampilan font periode blok singkat dan periode penggantian yang tidak terbatas.
  • swap memberi tampilan font periode blok nol detik dan periode swap yang tidak terbatas.
  • fallback memberi tampilan font periode blok yang sangat kecil dan periode swap yang singkat.
  • optional memberi tampilan font periode blok yang sangat kecil dan periode swap nol detik.

Fitur ini didukung di Chrome 60 dan Opera, serta sedang dalam pengembangan di Firefox. Lihat Mengontrol Performa Font dengan font-display untuk mengetahui informasi selengkapnya.

WebAssembly

Web Assembly atau wasm menyediakan cara baru untuk menjalankan kode, yang ditulis dalam bahasa seperti C dan C++ di web, dengan kecepatan mendekati native.

API ini memberikan kecepatan yang diperlukan untuk mem-build editor video dalam browser atau menjalankan game Unity dengan kecepatan frame tinggi menggunakan API platform web berbasis standar yang ada.

Anda dapat menemukan info selengkapnya di webassembly.org, termasuk demo, dokumen, dan cara memulai.

Dan banyak lagi!

  • Web Budget API baru memungkinkan situs dengan izin Notifikasi Push mengirim pesan push dalam jumlah terbatas yang memicu pekerjaan latar belakang seperti menyinkronkan data atau menutup notifikasi, tanpa perlu menampilkan notifikasi yang terlihat pengguna.
  • PushSubscription.expirationTime kini tersedia, yang memberi tahu situs kapan dan apakah masa berlaku langganan akan berakhir.
  • Properti Object rest & spread kini didukung, sehingga mempermudah penggabungan dan cloning dangkal objek serta menerapkan berbagai pola objek yang tidak dapat diubah.

Catatan: Payment Request API dikirim ke Chrome 61.

Ini hanyalah beberapa perubahan di Chrome 60 untuk developer.

Kemudian, subscribe ke channel YouTube kami, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.

Saya Pete LePage, dan segera setelah Chrome 61 dirilis, saya akan langsung memberi tahu Anda -- yang baru di Chrome.