Yeni bir CSS özelliği, JavaScript sözdizimi veya Web API gördüğünüzde ilk soru genellikle “Bunu production'da kullanabilir miyiz?” olur. Tarayıcı sürümlerini tek tek karşılaştırmak, mobil ve masaüstü desteğini ayırmak ve hangi kullanıcıların fallback'e ihtiyaç duyacağını belirlemek zaman alır. Web Platform Baseline, bu kararı kolaylaştırmak için web özelliklerinin önde gelen tarayıcı motorlarındaki ortak kullanılabilirliğini özetleyen bir uyumluluk sinyalidir.
Baseline bir özelliği üç temel durumdan biriyle açıklar: Limited availability, Newly available veya Widely available. Bu etiketler, özelliğin bütün projelerde koşulsuz kullanılabileceğine dair garanti değildir. Baseline; hedef kitlenizin eski cihazlarını, gömülü webview'ları, erişilebilirlik teknolojilerini, performansı veya bilinen tarayıcı hatalarını tek başına değerlendirmez. Doğru kullanım, Baseline durumunu kullanıcı verisi ve ürünün destek politikasıyla birleştirmektir.
Web Platform Baseline nedir?
Baseline, WebDX Community Group tarafından tanımlanan ve web-features verisiyle desteklenen bir uyumluluk modelidir. Web Platform Dashboard, MDN ve farklı geliştirici araçları bu veriyi kullanarak bir özelliğin Baseline durumunu gösterebilir. WebDX dokümantasyonu Baseline'ı, geliştiricilerin güncel ve üzerinde tarayıcı uzlaşısı bulunan web özelliklerini deneysel, sınırlı veya tarihsel özelliklerden ayırmasına yardımcı olan bir yön bulma aracı olarak tanımlar Web Platform Baseline.
Baseline yalnız “özellik herhangi bir tarayıcıda var mı?” sorusuna bakmaz. Özelliğin temel tarayıcı grubunda desteklenmesi, desteğin sürümler boyunca devam etmesi ve geliştiricilerin güvenebileceği ölçüde birlikte çalışabilir olması hedeflenir Web Features Baseline Model.
Baseline, ayrıntılı uyumluluk araştırmasının yerine geçen mutlak bir karar sistemi değil; araştırmaya nereden başlanacağını gösteren ortak ve anlaşılır bir sinyaldir.
Baseline hangi tarayıcıları kapsar?
MDN'nin güncel Baseline tanımında aşağıdaki tarayıcılar temel grup içinde değerlendirilir MDN Baseline Compatibility:
- Apple Safari – macOS
- Apple Safari – iOS
- Google Chrome – masaüstü
- Google Chrome – Android
- Microsoft Edge – masaüstü
- Mozilla Firefox – masaüstü
- Mozilla Firefox – Android
Liste, bütün dünyada kullanılan her tarayıcı ve gömülü görüntüleyiciyi kapsamaz. Samsung Internet, eski Android WebView sürümleri, uygulama içi tarayıcılar, Smart TV tarayıcıları veya kurumsal cihazlarda sabitlenmiş eski sürümler hedef kitleniz için önemli olabilir. Baseline durumunu kabul etmeden önce gerçek kullanıcı trafiğinizde bu ortamların payı ayrıca incelenmelidir.
Limited availability ne anlama gelir?
Limited availability, özelliğin henüz Baseline kriterlerine ulaşmadığını belirtir. Özellik bazı tarayıcılarda tamamen çalışıyor, bazı tarayıcılarda deneysel flag gerektiriyor veya bir temel tarayıcı motorunda hiç bulunmuyor olabilir. “Limited” etiketi özelliğin kötü veya kullanılamaz olduğu anlamına gelmez; destek stratejisi olmadan genel kullanıma hazır olmadığını gösterir.
Limited özellik için karar seçenekleri
- Özelliği yalnız destekleyen tarayıcılarda progressive enhancement olarak kullanmak
- Desteklenmeyen ortamlar için aynı işi yapan daha basit fallback sunmak
- Güvenilir ve maliyeti kabul edilebilir bir polyfill kullanmak
- Hedef kitlenin tamamı kontrollü tarayıcı sürümlerindeyse doğrudan kullanmak
- Ürün için kritikse destek genişleyene kadar özelliği ertelemek
Örneğin MDN, WebGPU API'sini 2026 itibarıyla bazı yaygın tarayıcılarda çalışmadığı için Limited availability olarak işaretlemektedir MDN WebGPU API. Bu durum WebGPU'nun hiçbir projede kullanılamayacağını değil; uygulamanın hedef tarayıcıları ve alternatif render yolu olmadan genel bir varsayım yapılamayacağını gösterir.
Baseline Newly available ne anlama gelir?
Bir özellik, Baseline grubundaki tarayıcıların en az güncel kararlı sürümlerinde birlikte çalışabilir hale geldiğinde Newly available durumuna ulaşır. Özellik artık temel tarayıcı motorlarında vardır; fakat eski cihazlar ve birkaç sürüm geriden gelen kullanıcılar henüz desteklemeyebilir.
Newly available, modern ve hızla güncellenen kullanıcı kitlesine sahip projelerde güçlü bir benimseme sinyalidir. Buna karşılık uzun süre güncellenmeyen kurumsal cihazlar, eski iPhone modelleri veya uygulama içi webview trafiği yüksekse ek kontrol gerekir.
| Proje profili | Newly available özelliğe yaklaşım |
|---|---|
| Modern tüketici web sitesi | Kullanıcı tarayıcı verisi uygunsa progressive enhancement ile erken benimsenebilir. |
| Kurumsal iç uygulama | Yönetilen cihaz ve sabit tarayıcı sürümleri kontrol edilmeden varsayılan kabul edilmemelidir. |
| E-ticaret checkout'u | Kritik akış fallback olmadan yeni özelliğe bağlanmamalıdır. |
| Deneysel ürün özelliği | Feature detection ve ölçümle sınırlı kullanıcı grubunda denenebilir. |
| İçerik veya görsel iyileştirme | Desteklenmeyen tarayıcıda temel deneyim bozulmuyorsa daha rahat kullanılabilir. |
Baseline Widely available ne anlama gelir?
Bir özellik Newly available olduktan 30 ay sonra, temel tarayıcı grubundaki desteği devam ediyorsa Widely available statüsüne geçer. MDN bu durumu, her Baseline tarayıcısında en az iki buçuk yıllık tutarlı destek geçmişi bulunması olarak açıklar MDN Baseline Compatibility.
Widely available, çoğu modern web projesi için özellik kullanımında güçlü bir varsayılan hedeftir. Ancak “polyfill veya test kesinlikle gerekmez” şeklinde yorumlanmamalıdır. Projeniz eski Safari, kurumsal Edge sürümü, WebView veya özel cihazları destekliyorsa ayrıntılı uyumluluk tablosu ve gerçek cihaz testi devam eder.
| Baseline durumu | Tarayıcı desteği özeti | Varsayılan ürün kararı |
|---|---|---|
| Limited availability | Temel tarayıcıların tamamında henüz birlikte çalışabilir değil | Fallback, feature detection veya kontrollü kullanım gerekir. |
| Newly available | Temel tarayıcıların güncel kararlı sürümlerinde mevcut | Kullanıcı verisi ve kritik akış riski değerlendirilir. |
| Widely available | Newly durumundan sonra en az 30 aylık destek geçmişi var | Çoğu modern projede varsayılan olarak benimsenebilir; özel hedefler test edilir. |
Baseline yılı ne anlama gelir?
Baseline 2023, Baseline 2024 veya Baseline 2026 gibi yıl hedefleri, belirli bir takvim yılının sonuna kadar Newly available olmuş özelliklerin sabit bir kümesini ifade eder. Bu hedef daha sonra değişmez. Buna karşılık “Baseline Widely available” hareketli bir hedeftir; zaman geçtikçe yeni özellikler bu kümeye eklenir.
web.dev, Baseline hedeflerini iki gruba ayırır: moving target olarak Newly/Widely ve fixed target olarak takvim yılı hedefleri How to Choose a Baseline Target.
| Hedef türü | Örnek | Davranış | Uygun kullanım |
|---|---|---|---|
| Hareketli | Baseline Widely available | Yeni özellikler 30 aylık eşiği geçtikçe küme büyür. | Sürekli güncellenen ürün ve modern toolchain |
| Hareketli | Baseline Newly available | Yeni birlikte çalışabilir özellikler otomatik eklenir. | Modern tarayıcı kitlesi ve progressive enhancement |
| Sabit | Baseline 2024 | 2024 sonuna kadar Baseline olan özellikler sabit kalır. | Uzun ömürlü proje standardı ve tekrarlanabilir build hedefi |
2026 Baseline sayfası, yıl içinde Newly available olan özellikleri güncel bir liste halinde sunar. Container style queries ve :open gibi özellikler bu liste içinde yer almaktadır Baseline 2026.
Baseline durumu nereden kontrol edilir?
1. MDN özellik sayfaları
MDN, birçok CSS, JavaScript ve Web API sayfasının başında Baseline rozeti gösterir. Rozetin altında ayrıntılı Browser compatibility tablosu bulunur. İlk karar için rozete, hedef sürümler ve kısmi destek için tabloya bakılmalıdır.
2. Web Platform Dashboard
Web Platform Dashboard, özellikleri limited, newly ve widely durumlarına göre filtrelemeye izin verir. Dashboard ve HTTP API, web-features paketindeki veriyi kullanır. API yanıtında status, Newly tarihi ve Widely tarihi gibi alanlar bulunabilir Web Platform Dashboard Baseline API.
3. web-features verisi
Araç geliştiricileri ve büyük ekipler, web-features veri setini CI, lint veya teknik standart sistemlerine entegre edebilir. Böylece projede kullanılan feature'ların seçilen Baseline hedefinin dışında kalıp kalmadığı otomatik raporlanabilir.
4. Browserslist ve build araçları
Browserslist, Baseline Widely, Newly ve yıl hedeflerini sorgu olarak destekler. Bu yaklaşım Babel, Autoprefixer ve benzeri build araçlarının seçilen browser target ile uyumlu çalışmasına yardımcı olur Browserslist Supports Baseline.
Baseline ile browser compatibility tablosu arasındaki fark nedir?
Baseline tek bir üst seviye özet verir. Ayrıntılı compatibility tablosu ise tarayıcı adı, minimum sürüm, mobil/masaüstü farkı, prefix, kısmi destek ve notları gösterir. Özellik kritik olduğunda iki bilgi birlikte kullanılmalıdır.
| Bilgi kaynağı | Cevapladığı soru | Eksik bıraktığı alan |
|---|---|---|
| Baseline rozeti | Özellik temel tarayıcı grubunda genel olarak ne kadar yerleşik? | Belirli minimum sürüm ve kısmi destek ayrıntısı |
| MDN compatibility tablosu | Hangi tarayıcının hangi sürümünde destek var? | Projenizin gerçek kullanıcı dağılımı |
| Gerçek kullanıcı verisi | Kullanıcılarınız hangi browser ve cihazları kullanıyor? | Özelliğin davranışsal ve erişilebilirlik kalitesi |
| Gerçek cihaz testi | Özellik sizin sayfanızda gerçekten doğru çalışıyor mu? | Bütün olası cihaz ve gelecek sürümler |
Feature adoption kararı nasıl verilmelidir?
- Kullanılacak özelliğin MDN veya Web Platform Dashboard Baseline durumunu bulun.
- Compatibility tablosundan minimum tarayıcı sürümlerini kontrol edin.
- Analytics veya RUM verisinden gerçek kullanıcı tarayıcı dağılımını çıkarın.
- Özelliğin ürün için kritik mi, görsel iyileştirme mi olduğunu belirleyin.
- Desteklenmeyen ortamda kabul edilebilir fallback tanımlayın.
- CSS için @supports, JavaScript için ilgili API kontrolü gibi feature detection kullanın.
- Polyfill gerekiyorsa boyut, güvenlik ve bakım maliyetini ölçün.
- Gerçek mobil cihaz, browser ve assistive technology testleri yapın.
- Kararı proje dokümantasyonunda Baseline hedefi olarak kaydedin.
- Kullanıcı kitlesi ve hedefi düzenli bakım dönemlerinde yeniden değerlendirin.
Progressive enhancement ile Baseline nasıl birlikte kullanılır?
Progressive enhancement, temel içeriği ve kritik işlemi geniş destekli teknolojilerle çalıştırıp daha gelişmiş özellikleri destekleyen tarayıcılara ek deneyim sunar. Baseline Newly veya Limited özellikleri benimsemenin en güvenli yollarından biridir.
- Temel HTML içerik ve form akışı JavaScript başarısız olsa da anlamlı kalır.
- Yeni CSS özelliği desteklenmiyorsa okunabilir bir layout korunur.
- Gelişmiş API bulunmadığında kullanıcıya manuel alternatif sunulur.
- Özellik desteği user-agent metninden değil doğrudan feature detection ile kontrol edilir.
- Fallback ve gelişmiş deneyim analytics üzerinden ayrı ölçülür.
CSS @supports kuralı, belirli property-value kombinasyonunun tarayıcı tarafından tanınıp tanınmadığına göre stil uygulamaya izin verir ve kendisi Baseline Widely available durumundadır MDN @supports.
Baseline neyi garanti etmez?
- Web sitesinin erişilebilir olduğunu garanti etmez.
- Özelliğin bütün assistive technology kombinasyonlarında çalıştığını söylemez.
- Performans veya Core Web Vitals sonucu vermez.
- Güvenlik ve gizlilik riskini değerlendirmez.
- Tarayıcıya gömülü webview'ları eksiksiz kapsamaz.
- Eski cihaz ve işletim sistemi sürümlerini otomatik desteklemez.
- Tarayıcıdaki bilinen implementation bug'larını ortadan kaldırmaz.
- Kullanıcı kitlenizin bölgesel veya kurumsal dağılımını hesaba katmaz.
MDN, Baseline'ın erişilebilirlik, kullanılabilirlik, performans, güvenlik veya diğer testlerin yerine geçmediğini açıkça belirtir MDN Baseline Compatibility. Bu nedenle Baseline statüsü teknik kabul sürecindeki bir sinyal olmalı, tek kalite kapısı olmamalıdır.
Proje için Baseline politikası nasıl yazılır?
Kuruluş düzeyinde kısa ve ölçülebilir bir destek politikası, her geliştiricinin aynı özelliği farklı yorumlamasını engeller. Örnek politika şu kararları içerebilir:
- Yeni projelerin varsayılan hedefi Baseline Widely available olacaktır.
- Baseline Newly özellikler yalnız kullanıcı verisi ve fallback ile kullanılacaktır.
- Limited özellikler kritik akışta mimari onay olmadan kullanılmayacaktır.
- Sabit build hedefi gereken projelerde Baseline yıl hedefi seçilecektir.
- WebView ve kurumsal browser desteği ayrı compatibility matrisiyle yönetilecektir.
- Her release'te ana kullanıcı akışları gerçek tarayıcılarda test edilecektir.
- Destek hedefi web sitesi bakım sürecinde düzenli olarak güncellenecektir.
Web tasarımı ve yazılım mimarisinde Baseline nasıl kullanılır?
Web tasarım ekibi Baseline verisini container queries, modern color fonksiyonları, yeni selector'lar ve layout özelliklerinin benimsenmesinde kullanabilir. Ancak görsel iyileştirme desteklenmediğinde içerik hiyerarşisi ve kullanılabilirlik bozulmamalıdır.
Yazılım geliştirme ekibi ise Web API, JavaScript syntax, module sistemi ve build target kararlarını seçilen Baseline hedefiyle eşleştirebilir. Toolchain'in hedefiyle production destek politikası aynı değilse gereksiz transpilation veya desteklenmeyen modern kod ortaya çıkabilir.
Baseline karar kontrol listesi
- Özelliğin Baseline durumu ve tarihi kontrol edildi mi?
- MDN compatibility tablosundaki minimum sürümler incelendi mi?
- Gerçek kullanıcıların browser ve WebView dağılımı biliniyor mu?
- Özellik kritik işlev mi yoksa iyileştirme mi?
- Desteklenmeyen tarayıcı için fallback var mı?
- Feature detection uygulanıyor mu?
- Polyfill'in boyut ve bakım maliyeti değerlendirildi mi?
- Mobil, masaüstü ve assistive technology testi yapıldı mı?
- Projede hareketli veya sabit Baseline hedefi seçildi mi?
- Destek politikası dokümante edilip CI ve build araçlarına yansıtıldı mı?
Sonuç: Baseline uyumluluk kararını sadeleştirir, testin yerini almaz
Web Platform Baseline, modern web özelliklerinin temel tarayıcı grubundaki ortak kullanılabilirliğini Limited, Newly ve Widely durumlarıyla anlaşılır hale getirir. Newly available güncel kararlı tarayıcı desteğini, Widely available ise bunun ardından gelen en az 30 aylık tutarlı destek geçmişini ifade eder. Yıl hedefleri ise belirli bir döneme ait sabit feature set sunar.
En güvenli yaklaşım Baseline rozetini ilk filtre olarak kullanmak; ardından ayrıntılı compatibility tablosu, gerçek kullanıcı verisi, progressive enhancement ve cihaz testleriyle kararı doğrulamaktır. Böylece modern web özellikleri gereksiz yere ertelenmez, ancak kritik deneyimler de yalnız güncel tarayıcı varsayımına bağlanmaz.
Sıkça Sorulan Sorular
Baseline Widely available bütün tarayıcılarda çalışır anlamına mı gelir?
Hayır. Widely available, Baseline'ın temel tarayıcı grubunda özelliğin en az 30 aylık tutarlı destek geçmişi olduğunu belirtir. Eski sürümler, gömülü WebView'lar, kapsam dışındaki tarayıcılar ve assistive technology kombinasyonları yine sorun yaşayabilir. Projenin gerçek kullanıcı kitlesi ve destek politikası ayrıca kontrol edilmelidir.
Baseline Newly available bir özellik production'da kullanılabilir mi?
Evet, hedef kullanıcıların tarayıcıları güncelse ve desteklenmeyen ortam için uygun fallback varsa kullanılabilir. Newly available, özelliğin temel tarayıcıların güncel kararlı sürümlerinde birlikte çalıştığını gösterir; eski cihazlarda bulunmayabilir. Kritik checkout veya giriş akışında kullanıcı verisi ve gerçek cihaz testi olmadan yalnız rozete güvenilmemelidir.
Limited availability özelliği hiç kullanmamak mı gerekir?
Hayır. Limited, özelliğin bütün Baseline tarayıcılarında henüz desteklenmediğini gösterir. Progressive enhancement, feature detection, polyfill veya kontrollü hedef kitleyle kullanılabilir. Özellik yalnız görsel iyileştirmeyse fallback kolay olabilir; kritik işlevi taşıyorsa desteklenmeyen tarayıcılar için eşdeğer alternatif gerekir.
Baseline ile Can I Use veya MDN tablosu arasındaki fark nedir?
Baseline tek bir üst seviye uyumluluk özeti verir. MDN ve ayrıntılı browser tabloları hangi tarayıcı sürümünde tam, kısmi veya notlu destek bulunduğunu gösterir. İlk seçim Baseline ile hızlandırılabilir; minimum sürüm, prefix, WebView ve platform ayrıntıları için compatibility tablosuna bakılmalıdır.
Baseline yılı ile Widely available aynı şey midir?
Hayır. Baseline 2024 gibi yıl hedefi, o yılın sonuna kadar Newly available olmuş özelliklerden oluşan sabit bir kümedir. Widely available ise hareketli hedeftir; özellikler Newly durumuna ulaştıktan 30 ay sonra bu kümeye eklenir. Uzun ömürlü ve tekrarlanabilir build standardı için yıl hedefi, sürekli güncellenen ürün için hareketli hedef seçilebilir.
Baseline erişilebilirlik testinin yerini tutar mı?
Hayır. Baseline browser implementation desteğini özetler; ekran okuyucu, klavye, büyütme, yüksek kontrast veya diğer assistive technology davranışlarını garanti etmez. Aynı şekilde kullanılabilirlik, performans ve güvenlik sonucu da vermez. Kritik özellikler gerçek cihaz, klavye ve assistive technology senaryolarında ayrıca test edilmelidir.
