Yayınlanma tarihi: 21 Kasım 2025
Geçmişte, Target.com'daki tarayıcı desteği, öncelikle Target.com'da alışveriş yapan tüm kullanıcıları desteklemeye dayanıyordu. Bu politika, Internet Explorer desteğini tamamen durdurmak veya yüksek değerli bir özelliğe erişmek için belirli bir tarayıcının minimum sürümünü hedeflemek gibi önemli karar noktalarında değişir. Bu işlem, ihtiyaç duyulduğunda birkaç yılda bir kez yapılır.
Hedeflenecek tarayıcılar ve özellikler konusunda ilerici bir politika izlemeyen Target.com, kod tabanında yalnızca modern özelliklere izin veriyordu. Bu nedenle, çok eski JavaScript sürümlerinde polyfill ve transpilation gibi ağır çözümler kullanılıyordu. WebDX Community Group, Baseline'ı kullanıma sunduğunda Target.com'daki paydaşlar, daha uygun bir minimum destek hedefi bulmayı düşünmek için doğru zamanın geldiğini fark etti.
Baseline sayesinde Target artık desteklenen tarayıcılarda hangi özelliklerin kullanılabildiğini güvenle biliyor ve olası geri dönüşler olarak kademeli geliştirme ve polyfill'lerle kullanıma sunulan daha yeni özellikleri belirleyebiliyor.
Sorun
Herhangi bir günde düzinelerce mühendis Target.com'a kod katkısında bulunur. Kod incelemelerinde, Can I use kaynağını kullanarak Target.com'un desteklediği tarayıcı sürümleriyle çalışmayan özelliklere dikkat çekmek yaygın bir uygulamadır. Mühendisler, kodlarını modern özellikler yerine eski özellikleri tercih edecek şekilde değiştirmeleri yönünde sürekli olarak yorumlar aldığında yeni web özelliklerinden kaçınılır. Hedef daha sonra işe yarayan "eski" teknikleri kullanmaya geri döner ancak modern özellikleri kullanma fırsatı başka bir zamana ertelenir. Modern web özelliklerinin kullanımı genellikle daha iyi bir geliştirici deneyimi sunar ve daha az kod göndererek daha iyi bir kullanıcı deneyimi de sağlayabilir.
Tarayıcı desteği için veriye dayalı bir yaklaşım
Target.com'da, desteklenen minimum tarayıcı sürümlerini tanımlayan bir webpack yapılandırması vardır. Geçmişte, desteklenen bu minimum tarayıcı sürümlerini yükseltmeyi haklı çıkarmak zordu. 2025'in başlarından itibaren geçerli olan kurallar:
- Chrome, Edge ve Firefox'un güncel ve önceki iki sürümü
- Safari 11 ve sonraki sürümler.
Target'ın iOS'te Safari'den elde ettiği yüksek trafik ve satış hacmi nedeniyle Safari daha dikkatli bir şekilde ele alınır. Başlangıçta, geliştirme için minimum sürüm olarak Safari 11'i belirleme konusunda bilinçli bir karar verilmişti. Bu karar, Target.com'u 2017'de ve öncesinde kullanılabilen web özelliklerine sabitledi.
Target'ın Baseline'ı geliştirme iş akışına entegre etme yolculuğunun ilk adımında veriye dayalı bir yaklaşım kullanıldı. Target, yaptığı araştırmalar sonucunda Safari'nin 11-14 arasındaki sürümlerinin işletme üzerinde çok az etkisi olduğunu (özellikle Target.com'daki talep satışlarının% 0,0001'i) tespit etti. Bu gerçek göz önüne alındığında Target, bu eski tarayıcı sürümleri için transpilation ve polyfill'lerin kaldırılmasının site performansını iyileştirmek için önemli fırsatlar sunacağını fark etti.
Ek araştırmalar, Safari 15.4'ün talep satışlarının en az% 0,5'ini sağlayan ilk Safari sürümü olduğunu ve bundan sonraki her küçük Safari 15 sürümünün benzer bir etkiye sahip olduğunu gösterdi. Target, A/B testi yaptığında talep satışlarının% 0, 5'ini değiştirmek çok değerlidir ve Safari'nin desteklenen minimum sürümünün 15.sürüm civarında olması gerektiği sonucuna varılır.
Bu araştırmada bulduğumuz ilginç bir trend, eski Safari tarayıcı kullanımının ne kadar hızlı değiştiği. Eylül 2024 itibarıyla Safari 15, Target.com'daki talep satışlarının yalnızca% 0,94'ünü oluşturuyordu. Ocak 2025'te bu oran% 0,67'ye, Mayıs 2025'te %0,45'e ve Kasım 2025'te %0,32'ye düştü. Target bu durumdan, site genelinde talep satışlarının yüzdesi olarak gerçek para eşiği belirlenirse bu tarayıcılar için desteğin otomatik olarak sona erebileceğini ve Safari 16'daki bir sonraki ana sürümün yıl sonuna kadar kullanıma sunulabileceğini öğrendi.
Desteğin sonlandırılması, desteklenmeyen tarayıcıların engellendiği anlamına gelmez. Bu tarayıcıları kullanan kişiler satın alma yolunu bulmaya devam edebilir ancak bazı durumlarda daha düşük bir deneyimle karşılaşabilirler. Değişiklikler yapıldıktan sonra veriye dayalı yaklaşımı kullanmaya devam eden analistler, işletme metrikleri üzerinde ölçülebilir bir etki olmadığını bildirdi. Target ayrıca, desteklenmeyen tarayıcı sürümlerinde gösterilen ve deneyimin kalitesinin düşeceği konusunda uyarı veren bir banner'ı da inceliyor.
Target.com için bir taban hedefi seçme
Target'ın web mühendisleri, politikayı yönlendirmeye yardımcı olmak için modern özellikleri ve hangi tarayıcıların destekleneceğiyle ilgili sürekli değişen hedefi kullanmak üzere bu çalışmaları birleştirmek için bir Baseline çalışma grubu oluşturdu. Baseline'ın araçlarını kullanarak her yılın minimum tarayıcı setinin ne olduğunu incelediler. Target'ın yeni politikasına en yakın hedef Baseline 2022 idi:
{
"chrome": "108",
"edge": "108",
"firefox": "108",
"ios": "16",
"safari": "16"
}
Bu temel düzeye ulaşmak için Target'ın tarayıcı politikasını mevcut 15.4 sürümü yerine en az Safari 16'ya göre ayarlaması gerekir. Bu durum, dönüşüm gerçekleştiren alışveriş yapan kullanıcıların% 0,5'inden daha azının deneyimini olumsuz etkiler. Bununla birlikte, bu oran düşüyor. Bu nedenle Target, resmi politikasını 2025'in sonuna kadar 2022 referans yılına bağlı olacak şekilde güncellemeyi planlıyor. Bu durum, Target.com'un geliştiricilerini, hedefin yıllık olarak yayınlanan temelden yaklaşık 3 yıl geride olacak şekilde değiştirilebileceği bir konuma getiriyor.
Genel olarak, kodun daha az derlenmesi ve eklenen polyfill'ler nedeniyle Target.com'un webpack paketleri daha küçüktür. Target, bu hedefin zaman içinde değişeceğinden ve umarız gelecek yıl bu zamanlarda kapsayıcı sorgular, :has seçici, inert özelliği gibi birçok harika özelliği içeren Baseline 2023'ün kullanılabileceğinden emin.
Daha yeni temel özellik kümelerine bakma
Hedef Temel Çalışma Grubu, 2022 Temel Değeri ile yetinmiyor. Baseline 2023'ün özelliklerine baktığımızda, birçoğunun polyfill gibi yedekler olmadan desteklenebilme eşiğinde olduğunu görüyoruz. Target'ın ilgilendiği Baseline 2023'teki özelliklerin her biri için Target'ın yapması gerekenler:
- Özelliğin ne işe yaradığını açıklayın.
- Kullanımının, geliştirici deneyimindeki iyileştirmeler de dahil olmak üzere Target.com'u nasıl iyileştirebileceğini belgeleyin.
- Özelliği Target.com kod tabanında uygulamak için iyi bir test durumu bulun.
- Gerekirse aşamalı geliştirme veya özellik algılama yoluyla sağlanan diğer çözümler de dahil olmak üzere hangi yedeklerin kullanılacağını belgeleyin.
- Son olarak, özelliğin kullanımının ne zaman onaylanması bekleniyor? Şu anda kullanılabilir mi? Yoksa gelecekteki bir eşiğin aşılması mı beklenmelidir?
Buna örnek olarak inert özelliğini verebiliriz. Safari'de inert özelliğini kullanmak için minimum sürüm 15.5'tir. Bu nedenle Target.com, bu özelliği kullanmaya yakındır. Target.com'da, bu özelliğin mevcut JavaScript çözümüne kıyasla avantaj sağlayacağı birçok modal uygulaması var. Bu özellik hakkında bir mühendisin rapor yazması, bilgi paylaşımına ve tarayıcı politikasının bir sonraki gevşetilmesi için hazırlığa olanak tanır. Bu, az iş değeri getiren bir tarayıcı sürümü için desteğin bırakılmasının, değer sağlayan özellikleri kullanıma sunabileceği yönündeki argümanı desteklemeye yardımcı olur. Bu özellik, bir özellik işareti altında tasarlanabilir, incelenebilir ve dağıtılabilir. Ayrıca, kullanılabileceği durumlarda hazır olabilir.
Ayrıca, farklı bir mühendis, artık Baseline'da yaygın olarak kullanılabilen kapsayıcı sorgularını kullanmak için aynı süreci izleyecektir. Kapsayıcı sorguları, polyfill ile kullanılabilir ancak polyfill'in bilinen performans sorunları vardır. Target'ın bulduğu çözüm, tarayıcı minimumları özelliği tam olarak destekleyecek şekilde yükselene kadar yalnızca aşamalı iyileştirme olarak kapsayıcı sorgular kullanmaktı.
Bu işlem, Target.com için iyi sonuç verir. Çünkü özelliğin minimum sürümü yeterli düzeyde kullanıldığında kademeli geliştirme artık gerekli değildir ve özellik kullanılabilir. Yakın zamanda yapılan bir denetimde Target.com'un çok fazla gereksiz polyfill gönderdiği tespit edildi. Bu nedenle, Baseline'ı uygulamalarına entegre etmenin bu tür teknik borçları kontrol altında tutmaya yardımcı olabileceği belirlendi.
Temel çizgi kavramlarını web performansı ile ilişkilendirme
Performans, tüm perakende web siteleri için önemlidir. Target.com üzerinde çalışan geliştiricilerin ortak inançlarından biri, çok fazla JavaScript gönderildiği yönünde. Kullanıcılara gönderilen JavaScript paketlerinin% 5'i ortadan kaldırılırsa bu büyük bir başarı olur ancak Target.com genelinde önemli web verileri önemli ölçüde iyileşmez. Ancak Target bunu 10 kez başarırsa paket boyutlarında% 50'lik bir azalma elde edilir ve bu da Target'ın performans hedeflerine önemli ölçüde katkıda bulunur.
Target'ın Baseline yaklaşımı, Target.com'daki mühendislerin modallar, erişilebilirlik ihtiyaçları, pop-up'lar, rulolar, akordeonlar ve diğer yaygın kullanıcı deneyimi sorunları gibi konularda kullanılan JavaScript miktarı hakkında düşünmeye başlamasına olanak tanıdı. Bunların her biri, bir uygulamanın JavaScript şişkinliğine katkıda bulunan polyfill'ler veya özel JavaScript çözümleri gerektirir. Target, Baseline'ı kullandığından tarayıcı hedefleri zaman içinde gelişir ve daha yeni özellikleri içerecek politikalar gevşetilebilir. Target, zaman içinde daha az kod dönüştürmeyi, daha az özelliği doldurmayı ve fırsatlar ortaya çıktığında web bileşenlerini kullanmayı bekliyor. Proje araç zincirlerinde gönderilen polyfill'lere ve hedeflenen tarayıcılara dikkat ederek Target.com'un JavaScript paketi boyutu%10 oranında azaltıldı. Bu, daha yeni özellikler kullanılmaya başlanmadan önce yapılır. Bu oran yıldan yıla iyileşmelidir ve Target.com'un performansını artırmak için Target'ın yaptığı büyük yatırımlarla doğrudan ilişkilidir.
Çıkarımlar
Yeni kullanıma sunulan ve yaygın olarak kullanılabilen web özellikleriyle ilgili temel hedef ve çok iyi hazırlanmış temel raporlar, Target.com için güçlü bir araç oldu. İşte bazı önemli sonuçlar:
- Tarayıcı hedefi, 8 yıl önce yayınlanan tarayıcıları desteklemekten 3 yıl önce yayınlanan tarayıcıları desteklemeye geçti.
- 2022 Temel Planı'nın temel hedefi 2025'in sonuna kadar karşılanacak.
- Target.com'un JavaScript paketlerinin toplam boyutu %10 oranında küçültüldü.
- İşletmenin% 1'inden daha azını sağlayan eski tarayıcıların uzun kuyruğu, yılda yaklaşık% 300 oranında azalıyor (Eylül 2024'te% 0,94'ten Kasım 2025'te% 0,32'ye).
Web'in her zamankinden daha hızlı ilerlediğinin farkına varan Target, özellikleri her zamankinden daha hızlı bir şekilde kullanmaya başladı. Bu özellikleri düzenlemek, Target'ın her birini etkinleştireceği zaman için önceden çalışma ve planlama yapılmasına olanak tanır. Ayrıca, büyük bir perakende web sitesine katkıda bulunan mühendislerine hangi özellikleri kullanacakları ve bunları ne zaman kullanabilecekleri konusunda güven verir.