Chrome Geliştirici Zirvesi 2021'den En İyi Analizler

Chrome Geliştirici Zirvesi, Chrome uzmanlarının en son ürünleriyle ilgili önemli noktaları ve Chrome ile web'in geleceğine ilişkin vizyonlarını paylaştığı yıllık bir etkinliktir.

Bu makale, Chrome Geliştirici Zirvesi 2021'den en önemli bilgileri içerir.

Chrome ekibi tarafından duyurulan en ilginç değişiklikler arasında şunlar yer alıyor:

• User-Agents dizilerindeki bilgi miktarını kısıtlamayı planlıyor,
• Lighthouse ve DevTools'da Kullanıcı Akışları için yeni desteğin duyurulması,
• İki yeni performans ölçütü (Önemli Web Verileri adayları) ile tanışın ve
• Yeni Duyarlı Tasarım özellikleri.

Üçüncü taraf tanımlama bilgilerini aşamalı olarak kullanımdan kaldırma – Kullanıcı Aracısı İstemci İpuçları

Privacy Sandbox , Google'ın daha fazla gizlilik odaklı bir web yaratmaya yönelik artan çabasının temel unsurlarından biri olmaya devam ediyor.

Tarayıcının, özelleştirilmiş bir deneyim sağlamak veya bir kullanıcının oturumunu açık tutmak gibi yararlı bir şey için veya siteler arası izleme için üçüncü taraf tanımlama bilgilerini kullanıp kullanmadığınızı söylemesinin bir yolu yoktur.

kaynak: Barb Smith

Bu nedenle Chrome , üçüncü taraf çerezlere ihtiyaç duymadan işlevleri ( reklamcılık, dolandırıcılık tespiti veya özelleştirilmiş içerik sunma gibi) korumanıza olanak tanıyan amaca yönelik API'ler oluşturmayı amaçlar .

Geliştiricilerin API'leri benimsemek için zamana sahip olmalarını sağladıktan sonra Chrome, üçüncü taraf çerezlere yönelik desteği güvenli bir şekilde aşamalı olarak kaldıracaktır.

Yeni teknolojiler ve bunların gelişim aşamaları Privacy Sandbox Timeline'da görülebilir .

Bu yıl başlatılan yeni çözümlerden biri, Kullanıcı Aracısı İstemci İpuçları'dır (UA-CH).

User-Agent dizesi, kullanıcının cihazı ve tarayıcısı hakkında tarayıcı parmak izi için kullanılabilecek birçok bilgi içerir.

Chrome , User-Agent dizesindeki varsayılan bilgi miktarını azaltarak ve bireysel kullanıcıları tanımlamayı zorlaştırarak tarayıcı parmak iziyle mücadele etmeyi amaçlar . Dizedeki bilgiler yalnızca şunları içerecektir:

• Tarayıcının markası ve sürümü,
• Masaüstü mü yoksa mobil mi olduğu hakkında bilgi ve
• Üzerinde çalıştığı platform.

User-Agent dizesi, varsayılan olarak size, kullanım durumlarınızın çoğunu kapsayabilecek bazı bilgiler verecektir, ancak daha ayrıntılı bilgiler yalnızca istek üzerine basit bir biçimde sağlanabilir.

kaynak: Chrome Geliştiricileri

Nisan 2022'den itibaren Chrome, Kullanıcı-Aracı dizelerini kademeli olarak azaltacaktır.

User-Agent Client İpuçları API'sini kullanarak kullanıcılarınız hakkında ek veri almaya devam edebileceksiniz, ancak kullanıcılar ne kadar bilgi paylaşmak istediklerine karar verebilecekler.

Performans aracı güncellemeleri

Chrome, web performansını ölçmek ve analiz etmek için bazı heyecan verici değişiklikleri ve yeni özellikleri duyurdu. O içerir:

• PageSpeed ​​Insights'ta kullanıcı arayüzünü iyileştirme,
• Lighthouse ve DevTools'da Kullanıcı Akışları için destek eklenmesi,
• İki yeni deneysel metrikle tanışın.

PageSpeed ​​Insights Arayüzündeki Değişiklikler

PageSpeed ​​Insights kullanıcı arayüzünde, onu daha sezgisel hale getiren ve veri sunumunu iyileştiren bir güncelleme yapıldı.

Yeni arayüz , Lighthouse raporuna dayalı “Lab Verileri” ile gerçek kullanıcı deneyimlerine dayalı “Saha Verileri” arasında net bir ayrım içeriyor .

Ek olarak, "Görünümü Genişlet" adlı yeni bir özellik, Alan Verileri bölümüne bir işlev ekler. Önemli Web Verileri için ayrıntılı ayrıntıları görmek için bunu kullanabilirsiniz.

Google ayrıca Origin Özetini Alan Verilerinin altına taşıdı. Üzerine tıkladıktan sonra, aynı kaynaktan tüm sayfaların toplam puanını görebilirsiniz.

Saha ve laboratuvar verileri bölümlerinin altında, aşağıdakiler de dahil olmak üzere ek, faydalı bilgiler bulabilirsiniz:

• Veri toplama dönemi,
• Ziyaret süreleri,
• cihazlar,
• Ağ bağlantıları,
• Örnek boyut,
• Chrome sürümleri.

Değişiklikler, Temel Web Verileri değerlendirmesine de geliyor. Tek bir "geçti" veya "başarısız" kelimesi yerine, ayrı bir alt bölümde mevcut olacaktır.

Son olarak, yükleme sayfasının görüntüsü alan bölümünden kaldırılacaktır. Yükleme sırasını gösteren resmi ve küçük resimleri laboratuvar verileri bölümünde bulacaksınız.

Lighthouse'da Kullanıcı Akışları Desteği

Yeni Lighthouse API , her sayfanın performansını ayrı ayrı analiz etmek yerine bağlantı tıklamalarını simüle ederek, kaydırarak ve ek sayfalar yükleyerek kullanıcı akışını analiz etmenize olanak tanır.

Lighthouse, sayfada gezinme, belirli bir zaman aralığında meydana gelen tüm kullanıcı etkileşimleri ve bir sayfanın yakalanan durumunu temsil eden anlık görüntüler için ayırt edebilecek ve ayrı raporlar sağlayabilecektir.

kaynak: Houssein Djirdeh

Yeni özellik ile kullanıcı deneyimini daha iyi anlayabilir ve kullanıcının web sitenizdeki yolculuğu boyunca performans sorunlarını tespit edebilirsiniz.

DevTools'ta Yeni Kayıt Paneli

Kullanıcı akışlarını analiz etme desteği de doğrudan DevTools'a eklenmiştir.

DevTools'da yeni başlatılan Kayıt Paneli ile artık tüm kullanıcı yolculuğunu web sitenizde analiz edebilir, kaydedebilir ve dışa aktarabilirsiniz.

Yeni araç, kullanıcıların web sitenizde gerçekleştirdiği, tuşlara basmak veya bağlantı tıklamaları gibi tüm eylemleri doğrudan Performans panelinde görüntülemenize olanak tanır. Bu özellik, karmaşık etkileşimleri kolayca anlamanıza ve hatalarını gidermenize yardımcı olmayı amaçlar.

İki yeni performans metriği

Chrome, Önemli Web Verileri için potansiyel adaylar olarak iki yeni performans metriğini duyurdu.

Cevaplanabilirlik

Duyarlılık , bir sayfanın genel yanıt verme hızını yakalamak içindir.

Şu anda, bir sayfanın yükleme sırasında ne kadar duyarlı olduğunu ölçmek için İlk Giriş Gecikmesini kullanıyoruz. FID yararlı bir ölçümdür, çünkü tarayıcının birçok kaynak yüklemesi gerektiğinde ve ana iş parçacığı süresi çok talep edildiğinde yanıt verme hızı özellikle değişkendir.

Ancak tüm FID önlemleri, tarayıcının bir kullanıcı isteğini işlemeye ne kadar sürede hazır olduğudur. Belirli bir sayfanın yaşam döngüsü boyunca giriş gecikmesini ölçmenize izin vermez.

Chrome ekibi hâlâ yeni Duyarlılık metriğini kavramsallaştırıyor. Sayfa yaşam döngüsü boyunca giriş gecikmesini ölçmenin zorlukları hakkında daha fazla bilgiyi burada bulabilirsiniz.

Pürüzsüzlük

Pürüzsüzlük , animasyon veya kaydırma sırasındaki "teklemeleri" veya "donmaları" ölçmeyi amaçlar. Bu yeni metrik, animasyon karelerinin ne sıklıkla düşürüldüğünü ve kullanıcıyı ne kadar etkilediğini daha iyi anlamayı amaçlıyor.

Önerilen Düşen Kare Yüzdesi metriği, atılan karelerin sayısını hesaplayacak ve animasyonun kullanıcının bakış açısından ne kadar düzgün olduğunu yansıtması beklenen ortalama bir puan sunacaktır.

Önemli olan şudur: önemli güncellemeleri bekleyen zamanın oranı. Bunun, kullanıcıların pratikte web içeriğinin pürüzsüzlüğünü deneyimlemelerinin doğal yolu ile eşleştiğini düşünüyoruz. Şimdiye kadar, aşağıdakileri bir başlangıç ​​metrik seti olarak kullandık :

• Ortalama Düşürme Yüzdesi: tüm zaman çizelgesi boyunca tüm boşta olmayan animasyon kareleri için
• Düşen Çerçeve Yüzdesinin En Kötü Durumu: 1 saniyelik kayan zaman pencereleri üzerinden ölçüldüğü gibi.
• Yüzde Düşürülmüş Çerçevelerin 95. yüzdelik dilimi: 1 saniyelik kayan zaman pencereleri üzerinden ölçüldüğü gibi.

kaynak: web.dev

Yeni Duyarlı

Duyarlı Tasarım artık sadece web sitenizi cep telefonlarında ve masaüstlerinde iyi çalışacak şekilde ayarlamakla ilgili değil. Çok daha fazlası ve geliştiricilerin herkes için özelleştirilmiş bir deneyim sağlaması ve karanlık mod veya katlanabilir cihazlar gibi kullanıcı tercihlerini içermesi gerekiyor.

Duyarlı Tasarımdaki değişiklikler CSS özellikleriyle ilgilidir. Yeni özelliklerden bazıları, yeni kapsayıcı sorguları belirtimi, Kaydırma Zaman Çizelgesi ve Vurgu Rengi özelliklerini içerir.

Tipografi için boyut ayarlama özelliği

Özellikle heyecan verici bir özellik, tipografi için boyut ayarlama özelliğidir. Varsayılan yazı tipini yüklenmek üzere olan web yazı tipine uyacak şekilde ayarlamak için size-adjust'ı kullanabilirsiniz.

Web yazı tipi yüklemenizin neden olduğu kaymayı azaltarak Kümülatif Mizanpaj Kaymasını önlemenize yardımcı olabileceğinden özellikle önemlidir .

Karanlık Mod

Ek olarak Chrome, makine öğrenimi destekli bir otomatik karartma algoritması özelliği üzerinde çalışıyor. Bu, tarayıcının bu işlevi devre dışı bırakma olasılığıyla birlikte otomatik olarak karanlık bir tema oluşturabileceği anlamına gelir.

Chrome'un yeni otomatik karartma özelliği hakkında daha fazla bilgi edinmek ve cihazınızda test etmek için Chrome Geliştiricileri sayfasını ziyaret edin .