Chrome 60'taki yenilikler

Pete LePage

  • Paint Timing API, Paint Timings AP ile ilk boyama süresini ve ilk zengin içerikli boyamaya kadar geçen 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
  • Çok daha fazlası!

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

Ben Pete LePage. Şimdi, Chrome 60'ta geliştiriciler için sunulan yeniliklere göz atalım.

Boyama zamanlamaları API'si

Kullanıcı bir web sayfasına gittiğinde, her şeyin yolunda olduğuna dair güvence almak için görsel geri bildirim arar. Yeni boyama zamanlamaları API'si ile artık bunu ölçebiliriz.

API iki metrik sunar:

  • İlk boyama zamanı - Bu, tarayıcının bir şeyi oluşturmaya başladığı anı, yani ekrandaki içeriğin ilk kısmını işaret eder.
  • İlk zengin içerikli boyama zamanı: Tarayıcının DOM, metin, resim vb.den ilk içerik bitini oluşturduğu noktayı işaret eder.

Bu metrikleri nasıl izleyebileceğinizi ve bunları deneyiminizi geliştirmek üzere nasıl kullanabileceğinizi öğrenmek için Kullanıcı Deneyimini En Çok Etkileyen Performans Metriklerinden Yararlanma kursuna göz atın.

CSS font-display özelliği

Web Yazı Tipleri, zengin yazı tiplerini eklemenizi sağlar. Ancak, kullanıcıda yazı karakteri yoksa yazılımın indirilmesi gerekir. 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 tamamen yüklenmeden önce nasıl oluşturulacağını kontrol etmenizi sağlar.

  • 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 engelleme süresi ve sonsuz bir değiştirme süresi verir.
  • swap, yazı tipi yüzüne sıfır saniyelik engelleme süresi ve sonsuz değiştirme süresi verir.
  • fallback, yazı tipi yüzüne oldukça kısa bir engelleme süresi ve kısa bir değiştirme süresi verir.
  • optional, yazı tipi yüzüne çok kısa bir engelleme süresi ve sıfır saniyelik bir değiştirme süresi verir.

Chrome 60 ve Opera'da desteklenmektedir. 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 derlemek veya mevcut standartlara dayalı web platformu API'lerini kullanarak yüksek kare hızında bir Unity oyunu çalıştırmak için gereken hızı sağlar.

Demolar, dokümanlar ve nasıl başlayacağınız da dahil olmak üzere daha fazla bilgiyi webassembly.org adresinde bulabilirsiniz.

Diğer özellikler

  • Yeni Web Bütçe API'si, Push Bildirimi iznine sahip sitelerin, kullanıcı tarafından görülebilen bir bildirim göstermeye gerek kalmadan veri senkronizasyonu veya bildirimleri kapatma gibi arka plan işlerini tetikleyen sınırlı sayıda push mesajı göndermesine olanak tanır.
  • PushSubscription.expirationTime artık kullanılabilir. Bu sayede, aboneliklerin ne zaman ve ne zaman sona ereceğini sitelere bildirebilirsiniz.
  • Nesne dinlenme ve yayılma özellikleri artık desteklenmektedir. Bu sayede, nesneleri birleştirip yüzeysel klonlama ve çeşitli sabit nesne kalıpları uygulamayı daha kolay hale getirebilirsiniz.

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

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

Ardından YouTube kanalımıza abone olun. 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 anlatmak istiyorum!