Baru di Chrome 60

Pete LePage

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

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

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

API pengaturan waktu cat

Saat pengguna membuka halaman web, mereka mencari masukan visual untuk meyakinkan bahwa semuanya berfungsi. Dengan API pengaturan waktu cat yang baru, kita sekarang bisa 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 Mempengaruhi Pengalaman Pengguna untuk mempelajari cara melacak metrik ini dan menggunakannya untuk meningkatkan pengalaman Anda.

Properti font-display CSS

Font Web memberi Anda kemampuan untuk menyertakan tipografi yang kaya. Namun, jika pengguna belum memiliki jenis huruf, jenis huruf ini perlu didownload dan berpotensi membuat situs Anda tampak lambat.

Untungnya, sebagian besar browser akan menggunakan penggantian jika font memakan 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 tampilan font periode pemblokiran yang singkat dan periode penukaran tanpa batas.
  • swap memberi bentuk font periode pemblokiran nol detik dan periode pertukaran tanpa batas.
  • fallback memberi tampilan font periode pemblokiran yang sangat kecil dan periode penukaran yang singkat.
  • optional memberi tampilan font periode pemblokiran yang sangat kecil dan periode penukaran nol detik.

Versi ini didukung di Chrome 60 dan Opera, serta sedang dikembangkan 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 native yang mendekati.

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

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

Dan lainnya.

  • Web Budget API yang baru memungkinkan situs dengan 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, yang memberi tahu situs kapan dan apakah masa berlaku langganan akan berakhir.
  • Properti objek istirahat & penyebaran kini didukung, sehingga lebih mudah untuk menggabungkan dan meng-clone objek dan menerapkan berbagai pola objek yang tidak dapat diubah.

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