Referans değer hedefinizi seçme

Jeremy Wagner

Rachel Andrew

Yayınlanma tarihi: 20 Mayıs 2025

Bir web platformu özelliği her tarayıcıda uygulandığında Baseline Newly available (Yeni kullanıma sunulan temel özellik) olur. 30 ay sonra bu özellik, çoğu web sitesinin uyumluluk sorunları olmadan özellikleri kullanabileceği bir eşik olan Baseline Widely available (Temel Geniş Kullanım) haline gelir. Bu kılavuzda, referans değerin nasıl kullanılacağı ve web sitenizin kullanıcılarından elde edilen veriler kullanılarak nasıl bir referans değer hedefi seçileceği açıklanmaktadır.

Taban hedefi nedir?

Temel hedef, geliştiricilerin temel durumlarına göre desteklemeyi seçebileceği web özelliklerinin gruplandırılmasıdır. İki tür temel hedef vardır: hareketli hedefler ve sabit hedefler.

Baseline Widely available veya Baseline Newly available gibi hareketli hedefler, içerdiği özellikler zaman içinde değişebilen hedeflerdir. Desteklenen özellikler kümesinin yeni tarayıcı sürümleri yayınlandıkça otomatik olarak gelişmesini istediğiniz durumlarda hareketli hedefler mantıklıdır.

Sabit hedefler, özellikler kümesinin zaman içinde değişmediği hedeflerdir. Genel olarak, sabit hedefler takvim yıllarına göre belirlenir. Örneğin, Baseline 2023, 2023'te Baseline'da yeni kullanıma sunulan web özelliklerini içeren sabit bir hedeftir. Baseline 2023, 2023'ten sonra Baseline olan özellikleri içermez. Bu nedenle, Baseline 2023 özelliklerinin kümesi hiçbir zaman değişmez.

Öngörülebilirlik ve belirlenimci yaklaşımın öncelikli olduğu durumlarda sabit hedefler mantıklı olabilir ancak zamanla güncelliğini yitirebilir. Bu nedenle, sabit hedefler kullanırken hedefinizin düzenli olarak yeniden değerlendirilmesi önerilir.

Neden hedef seçmelisiniz?

Web'deki özelliklerin benimsenmesi, uyumluluk sorunları nedeniyle engelleniyor. Bu durum, web'in olabileceği kadar iyi olmasını engelliyor. Baseline, tarayıcılarda özellik desteği sorusuna açıklık getirmenin yanı sıra belirli özellikleri ne zaman kullanabileceğiniz sorusunu da netleştirmenize yardımcı olabilir. Kitlenizi ve gereksinimlerinizi yansıtan bir hedef seçerek, bu hedef gruptaki özellikleri tek tek kontrol etmenize gerek kalmadan güvenle kullanabilirsiniz.

Temel hedefiniz için veri kullanma

Seçilecek doğru temel hedefi bilmek, mümkün olduğunda veriye dayalı bir karar olmalıdır. Veriler elinizde olduğunda hangi hedefi seçeceğinize daha kolay ve bilinçli bir şekilde karar verebilirsiniz.

Siteniz için Gerçek Kullanıcı İzleme verileriniz varsa temel hedef değerlerin kullanıcılarınızla nasıl eşlendiğini öğrenebilirsiniz. Örneğin, Google Analytics kullanıyorsanız bu bilgileri ücretsiz olarak almanın bir yolu Google Analytics Baseline Checker'ı kullanmaktır.

Bu özelliği kullanmak için Google Analytics'te yeni bir keşif oluşturmanız, raporunuza bazı metrikler ve boyutlar eklemeniz ve raporu TSV dosyası olarak dışa aktarmanız gerekir. Bu süreç bu talimatlarda ayrıntılı olarak açıklanmıştır. TSV dosyasını denetleyiciye aktardığınızda aşağıdaki gibi bir çıkış alırsınız:

Diğer araçların Baseline desteği uygulamaya başladığını görüyoruz. Bu destek sayesinde, kitlenizin ne kadarının belirli bir hedefi desteklediğine dair dinamik bir görünüm elde edebilirsiniz. Örneğin, RUMvision'da kitlenizin ne kadarının her Baseline yılı için destek aldığını gösteren bir gösterge tablosu bulunur.

Analiz veya RUM sağlayıcımın henüz bir temel hedef raporu yoksa ne olur?

Henüz bir temel hedef raporu sağlamayan ancak tarayıcı sürümleriyle ilgili verileri olan bir analiz veya RUM aracı kullanıyorsanız gerçek dünya verilerinizi baseline-browser-mapping modülündeki tarayıcı sürümü eşlemeleriyle birleştirebilirsiniz. Modül, tarayıcıları ada ve sürüme göre Baseline yılına ve Widely available için destek durumuna eşleyen bir JavaScript işlevi (getAllVersions()) sağlar. Bu eşlemeler diziler, anahtarlı nesneler veya CSV olarak sağlanabilir. Örneğin, Google Analytics Baseline Checker, analiz verilerini temel hedef verileriyle birleştirmek için bu modülü kullanır.

Bu işlevin çıktıları, günlük olarak güncellenen barındırılan JSON veya CSV dosyaları olarak da kullanılabilir. all_versions_with_supports.csv dosyası, aşağıdaki alanlarla analiz sağlayıcılarınızın tarayıcı sürümü verileriyle eşleştirebileceğiniz verileri içerir:

• browser: baseline-browser-mapping içinde kullanılan tarayıcının adı
• version: Tarayıcının sürümü. Bazı tarayıcılar yalnızca ana sürüm numarasını kullanırken bazıları major.minor sürüm numarasını kullanır.
• year: Bu tarayıcı sürümünün desteklediği temel yıl özellik seti. Temel destek Temmuz 2015'te belirlenmeden önce yayınlanan tarayıcı sürümlerinde bu alan pre_baseline içerir.
• supports: Bu alan, söz konusu özellik kümelerini destekleyen tarayıcı sürümleri için widely veya newly değerini içerir. Bu özellik kümelerinden hiçbirini desteklemeyen sürümlerde ise boş olur. Yeni kullanıma sunulan özelliği destekleyen tüm tarayıcı sürümleri, Geniş çapta kullanıma sunulan özelliği de destekler.
• release_date: Bu tarayıcı sürümünün yayınlandığı tarih (varsa).
• engine: Temel bir Baseline tarayıcısının aşağı akışında olan tarayıcıların motor adı. Yalnızca Blink tabanlı tarayıcılar dahil edilmiştir ancak gelecekte diğer tarayıcı motorları da temsil edilebilir.
• engine_version: Bu tarayıcı sürümünün uyguladığı Chromium sürümü. Bu, alt akış sürümünün hangi Baseline özellik grubunu desteklediğini belirlemek için kullanılır.

Bu dosya, yeni tarayıcı sürümleri yayınlandıkça ve farklı tarayıcıların destek durumu değiştikçe sık sık güncellenir. Verileri günlük olarak yenilediğinizden emin olun.

Gerçek kullanıcılardan destek verilerim yoksa ne olur?

Temel düzeyde olan özelliklerle ilgili olarak gerçek kullanıcı verilerini alamadığınız bir durumla karşılaşabilirsiniz. İyi haber şu ki RUM Arşivi Analizleri ile farklı Baseline hedeflerine yönelik destek hakkında genel bir fikir edinebilir, hatta ülke düzeyinde filtreleme yapabilirsiniz. Bu veriler web sitenizin kullanıcılarına özel olmasa da Bu, aşağıdaki varsayımların genel olarak güvenli olduğunu gösteren genel bir bilgilendirme aracıdır:

• Mevcut yıl veya önceki yıl gibi daha yeni temel hedeflemeler, kullanıcılarınız arasında en az destek alan hedeflemeler olabilir. Ancak diğer tüm Temel Hedefler gibi, zaman geçtikçe daha iyi destekleneceklerdir.
• Eski taban hedef türleri (özellikle de geniş çapta kullanılabilen taban hedef) iyi bir şekilde desteklenmeye devam edecek. Şüpheye düştüğünüzde, 30 aylık süre ilerledikçe gelişen mükemmel bir hedef olan "genel kullanıma açık" seçeneğini kullanabilirsiniz.
• 30 aylık genel kullanıma sunulma süresinin çok ötesinde olan daha eski Baseline hedefleri bile en iyi desteği alacak. Genel kullanıma sunulma iyi bir varsayılan hedef olsa da katı HDS'ler gerektiren özel kullanım alanları vardır.

Beş yıldan eski bir temel hedef seçseniz bile şu anda kullanmadığınız özellikleri benimsemeniz olasıdır. En iyi durumda, bu özellikleri ihtiyacınız olmayan polyfill'lerle kullanıyor olabilirsiniz.

Projemde seçilen bir temel hedefi nasıl zorunlu kılabilirim?

Browserslist, desteklemek istediğiniz tarayıcıları hedeflemek için yaygın olarak kullanılan bir yöntemdir. Kodun belirli bölümlerinin dönüştürülüp dönüştürülmeyeceğine veya hatta polyfill'e gerek olup olmadığına karar vermek için paketleyicilerde ve Babel ile PostCSS gibi diğer ilişkili araçlarda kullanılır.

Artık Browserslist ile Baseline'ı kullanabilirsiniz. Böylece bir Baseline hedefi seçtiğinizde bunu geçerli bir Browserslist sorgusu olarak belirtebilirsiniz. Bu sayede, projenizdeki araçlar kodu seçtiğiniz hedefe göre dönüştürür. Daha fazla bilgi için Baseline'ı Browserslist ile kullanma başlıklı makaleyi inceleyin.

Temel hedefime ulaşmayan özellikler hakkında ne yapmalıyım?

Bir temel hedef seçtikten sonra kullanmak istediğiniz ancak bu hedefin kapsamına girmeyen özellikler olabilir. Temel değer, burada ne yapmanız gerektiğini söylemez. Bu özellikleri kullanmayı düşünüp düşünmeyeceğiniz, oluşturduğunuz web sitesinin türüne ve beklenen kitleye bağlıdır.

Örneğin, e-ticaret veya B2B web siteleri daha düşük bir destek eşiğine sahip olmayı ve kullanıcıları destekledikçe sorunları ele almayı tercih edebilirken devlet web siteleri yüksek bir destek eşiği gerektirebilir. Burada önemli bir kural, tüm web özelliklerinin aynı şekilde başarısız olmadığıdır. Özellikleri başarısız olma şekillerine göre sınıflandırmanın birçok yolu vardır. Ancak faydalı olabilecek bir sınıflandırma şöyledir:

• Geliştirme: Özellik desteklenmeyen bir tarayıcıda kullanılıyorsa deneyim bozulmaz. Deneyim olumsuz etkilenebilir ancak kullanıcı bunu fark etmeyebilir. Örnek: loading="lazy".
• Ekleyici: Özellik, fark edilebilecek bazı ek avantajlar (ör. sayfa stilinde değişiklikler veya bazı işlevler) sağlar. Özellik desteklenmiyorsa kullanıcılar bu farkı fark etmeyebilir. Bu durumda, özelliği destekleyen bir tarayıcıda karşılaştırma yapılması gerekir. Örnek: Subgrid
• Kritik: Özellik desteklenmiyorsa kullanıcı olumsuz bir deneyim yaşar, hatta özellik tamamen bozulabilir. Örnek: Merkezi ve gerekli bir özellik olarak kullanılan File System Access API.

Hedefiniz dışındaki belirli özelliklerin, düşündüğünüzden daha iyi desteklendiğini de görebilirsiniz. Kullanıcılarınızın kaçının belirli bir özelliği desteklediğini anlayabilirsiniz. Can I Use, tek tek özelliklerin Analytics verilerinizle uyumluluğunu kontrol edebilir. RUMvision, işinize yarayacağını düşünüyorsanız ayrıntılara inme ve özellik düzeyindeki verileri keşfetme olanağı da sunar.

Bu sayede, dikkatle değerlendirmeniz gereken özelliklerin sayısını azaltmak için temel hedefinizden yararlanabilirsiniz. Hedefinizin içindeki her şey için endişelenmenize gerek yoktur. Hedefinizin dışında, özellikle yararlı olabilecek bir veya iki özellik varsa daha fazla araştırma yapmak ve polifil kullanıp kullanmayacağınıza ya da aşamalı geliştirme olarak kullanıp kullanmayacağınıza karar vermek için araçlarınız vardır.

Sonuç

Her web uygulamasının farklı gereksinimleri vardır. Örneğin, e-ticaret sitesi daha fazla uyumsuzluk sorununu tolere edebilirken bir devlet web sitesinin mümkün olduğunca çok sayıda kullanıcıya sunulması ve çalışır durumda olması gerekir. Bu hesaplamaları kendiniz yapmanız gerekir. Baseline'ın amacı, yeni web özelliklerini kullanmaya başlarken hangi kararları vereceğinizi söylemek değil, daha çok nasıl karar vereceğinizi anlatmaktır.