Chrome 60'taki yenilikler

Filiz LePage

  • Paint Timing API, Paint Timings AP ile ilk boyamaya ve ilk zengin boyamaya kadar olan süreyi ölçmenize olanak tanır.
  • font-display, yazı tiplerinin indirilmeden önce nasıl oluşturulacağını kontrol etmenizi sağlar.
  • WebAssembly kullanıma sunuldu
  • Ve çok daha fazlası da var!

Değişikliklerin tam listesini görmek ister misiniz? Chromium kaynak deposu değişiklik listesine göz atın

Adım Pete LePage. Şimdi Chrome 60'taki geliştiriciler için yeniliklere göz atalım.

Boyama zamanlamaları API'si

Bir kullanıcı bir web sayfasına gittiğinde, her şeyin çalıştığından emin olmak için bazı görsel geri bildirimler bekler. Yeni paint zamanlamaları API'si ile bunu ölçebiliyoruz.

API iki metrik gösterir:

  • İlk boyama süresi - Tarayıcının bir şeyi, ekrandaki ilk içeriğin oluşturmaya başladığı noktayı işaret eder.
  • İlk zengin içerikli boyama zamanı - Tarayıcının DOM, metin, resim vb. içeriklerden ilk parçasını oluşturduğu noktayı işaret eder.

Bu metrikleri nasıl izleyebileceğinizi ve deneyiminizi iyileştirmek için nasıl kullanabileceğinizi öğrenmek için Kullanıcı Deneyimini En Çok Etkileyen Performans Metriklerinden Yararlanma başlıklı makaleye göz atın.

CSS font-display özelliği

Web Yazı Tipleri zengin tipografi eklemenize olanak tanır. Ancak, kullanıcıda yazı tipi zaten yoksa indirilmelidir. Bu da sitenizin yavaş görünmesine neden olabilir.

Neyse ki çoğu tarayıcı, yazı tipinin indirilmesi çok uzun sürerse yedek kullanır. Yeni font-display özelliği, indirilebilir bir yazı tipinin tam olarak yüklenmeden önce nasıl görüntüleneceğini kontrol etmenize olanak tanır.

  • auto, kullanıcı aracısının kullandığı yazı tipi görüntüleme stratejisini kullanır.
  • block, yazı tipi yüzüne kısa bir blok süresi ve sonsuz değiştirme süresi verir.
  • swap, yazı tipi yüzüne sıfır saniyelik bir blok süresi ve sonsuz bir değiştirme süresi verir.
  • fallback, yazı tipi yüzüne son derece küçük bir blok dönemi ve kısa bir değiştirme süresi verir.
  • optional, yazı tipi yüzüne son derece kısa bir blok süresi ve sıfır saniyelik bir değiştirme süresi verir.

Chrome 60 ve Opera'da desteklenir ve Firefox'ta geliştirme aşamasındadır. Daha fazla bilgi için font-display ile Yazı Tipi Performansını Kontrol Etme bölümüne göz atın.

WebAssembly

Web Assembly veya wasm, web'de C ve C++ gibi dillerde yazılan kodları neredeyse yerel hızda çalıştırmak için yeni bir yöntem sunar.

Tarayıcı içi video düzenleyici oluşturmak veya Unity oyununu mevcut standart tabanlı web platformu API'lerini kullanarak yüksek kare hızında çalıştırmak için gereken hızı sağlar.

Demolar, belgeler ve nasıl başlayacağınız dahil olmak üzere webassembly.org adresinde daha fazla bilgi bulabilirsiniz.

Diğer ölçütler

  • Yeni Web Bütçe API'si, Push Bildirimi iznine sahip sitelerin, verileri senkronize etmek veya bildirimleri kapatmak gibi arka plandaki işleri tetikleyen sınırlı sayıda push mesajı göndermesine olanak tanır. Bu mesaj için kullanıcının görebileceği bildirimler gösterilmez.
  • PushSubscription.expirationTime kullanıma sunuldu. Böylece, aboneliklerin ne zaman ve dolacağı konusunda siteler bilgilendirilecek.
  • Nesne gerileme ve yayılma özellikleri artık desteklenmektedir. Bu sayede nesneleri birleştirmek ve yüzeysel klonlanmasını ve çeşitli sabit nesne kalıplarının uygulanmasını kolaylaştırır.

Not: Payment Request API, Chrome 61'e aktarıldı.

Bunlar, geliştiricilere yönelik Chrome 60'ta yapılan değişikliklerden yalnızca birkaçıdır.

Ardından YouTube kanalımıza abone olun ve yeni bir video yayınladığımızda e-posta bildirimi alırsınız.

Ben Pete LePage. Chrome 61 yayınlanır yayınlanmaz size Chrome'daki yenilikleri anlatacağım.