- Paint Timing API, Paint Timings AP ile ilk boyama ve ilk zengin içerikli boyama için geçen süreyi ölçmenize olanak tanır.
font-display, yazı tiplerinin indirilmeden önce nasıl oluşturulacağını kontrol etmenize olanak tanır.- WebAssembly kullanıma sunuldu
- Daha birçok avantajdan yararlanabilirsiniz.
Değişikliklerin tam listesini görmek ister misiniz? Chromium kaynak deposu değişiklik listesine göz atın.
Adım Pete LePage. Chrome 60'ta geliştiriciler için neler yeni olduğuna göz atalım.
Paint timings API
Kullanıcılar bir web sayfasına gittiğinde her şeyin çalıştığından emin olmak için görsel geri bildirim arar. Yeni boyama zamanlamaları API'si sayesinde artık bunu ölçebiliriz.
API iki metrik gösterir:
- İlk boyama süresi: Tarayıcının bir öğeyi (ekrandaki ilk içerik parçası) oluşturmaya başladığı noktayı işaret eder.
- İlk zengin içerikli boyama süresi: Tarayıcının DOM'dan ilk içerik parçasını (metin, resim vb.) oluşturma noktasını işaret eder.
Bu metrikleri nasıl izleyebileceğinizi ve deneyiminizi iyileştirmek için nasıl kullanabileceğinizi öğrenmek üzere Kullanıcı Deneyimini En Çok Etkileyen Performans Metriklerinden Yararlanma başlıklı makaleyi inceleyin.
CSS font-display özelliği
Web yazı tipleri, zengin yazı tipleri kullanmanıza olanak tanır. Ancak kullanıcının yazı tipine sahip olmaması durumunda yazı tipinin 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 bir yazı tipi kullanır. Yeni font-display mülkü, indirilebilir bir yazı tipinin tamamen yüklenmeden önce nasıl oluşturulacağını kontrol etmenize olanak tanır.
auto, kullanıcı aracısının kullandığı yazı tipi görüntüleme stratejisini kullanır.block, yazı tipine kısa bir engelleme süresi ve sonsuz bir takas süresi verir.swap, yazı tipine sıfır saniyelik bir engelleme süresi ve sonsuz bir takas süresi verir.fallback, yazı tipi yüzüne son derece küçük bir engelleme süresi ve kısa bir takas süresi verir.optional, yazı tipi yüzüne son derece küçük bir blok dönemi ve sıfır saniyelik bir takas dönemi verir.
Chrome 60 ve Opera'da desteklenir, Firefox'ta ise geliştirme aşamasındadır.
Daha fazla bilgi için font-display ile yazı tipi performansını kontrol etme başlıklı makaleyi inceleyin.
WebAssembly
Web Assembly veya wasm, C ve C++ gibi dillerde yazılmış kodu web'de yerel hıza yakın bir hızda çalıştırmanın yeni bir yolunu sunar.
Mevcut standart tabanlı web platformu API'lerini kullanarak tarayıcı içi bir video düzenleyici oluşturmak veya Unity oyununu yüksek kare hızında çalıştırmak için gereken hızı sağlar.
Demolar, dokümanlar ve başlangıç bilgileri de dahil olmak üzere daha fazla bilgiyi webassembly.org adresinde bulabilirsiniz.
Diğer özellikler
- Yeni Web Bütçesi API, Push Bildirimi iznine sahip sitelerin, kullanıcı tarafından görülebilen bir bildirim göstermek zorunda kalmadan veri senkronizasyonu veya bildirimleri kapatma gibi arka plan işlemlerini tetikleyen sınırlı sayıda push mesajı göndermesine olanak tanır.
PushSubscription.expirationTimeartık kullanılabilir. Bu özellik, aboneliklerin ne zaman ve ne durumda sona ereceğini sitelere bildirir.- Nesne dinlenme ve yayılma özellikleri artık desteklenmektedir. Bu sayede, nesneleri birleştirip yüzeysel olarak kopyalamak ve çeşitli değişmez nesne kalıplarını uygulamak daha kolay hale gelir.
Not: Payment Request API, Chrome 61'e eklendi.
Bunlar, Geliştiriciler için Chrome 60'taki 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.
Adım Pete LePage. Chrome 61 yayınlanır yayınlanmaz Chrome'daki yenilikleri size bildirmek için burada olacağım.