Baru di Chrome 60

Pete LePage

  • Paint Timing API memungkinkan Anda mengukur waktu pertama kali paint dan waktu untuk first contentful paint dengan Paint Timings AP.
  • font-display memungkinkan Anda mengontrol cara font dirender sebelum didownload.
  • WebAssembly telah tersedia
  • Dan masih ada banyak lagi.

Ingin daftar lengkap perubahan? Lihat daftar perubahan repositori sumber Chromium

Saya Pete LePage. Mari kita pelajari lebih dalam dan lihat hal-hal baru untuk developer di Chrome 60.

API pengaturan waktu Paint

Saat membuka halaman web, pengguna akan mencari beberapa masukan visual untuk meyakinkan mereka bahwa semuanya berfungsi. Dengan Paint Timings API yang baru, sekarang kita dapat mengukurnya.

API ini mengekspos dua metrik:

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

Lihat Memanfaatkan 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 memungkinkan Anda menyertakan tipografi yang beragam. Namun, jika pengguna belum memiliki jenis huruf, maka harus didownload, yang berpotensi membuat situs Anda tampak lambat.

Untungnya, sebagian besar browser akan menggunakan penggantian jika font membutuhkan 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 agen pengguna.
  • block memberi bentuk font periode pemblokiran yang singkat dan periode penukaran tak terbatas.
  • swap memberi bentuk font periode pemblokiran nol detik dan periode penukaran tak terbatas.
  • fallback memberikan jenis font periode pemblokiran yang sangat kecil dan periode pertukaran yang singkat.
  • optional memberikan bentuk font periode pemblokiran yang sangat kecil dan periode pertukaran nol detik.

Fitur ini didukung di Chrome 60 dan Opera, serta sedang dalam pengembangan di Firefox. Lihat Mengontrol Performa Font dengan font-display untuk 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 yang mendekati native.

Library ini memberikan kecepatan yang diperlukan untuk membuat editor video dalam browser atau menjalankan game Unity pada kecepatan frame tinggi menggunakan API platform web berbasis standar yang ada.

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

Dan banyak lagi!

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

Catatan: Payment Request API telah 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 memberi tahu Anda apa yang baru di Chrome!