Data publikacji: 21 listopada 2025 r.
W przeszłości obsługa przeglądarek na stronie Target.com opierała się głównie na obsłudze wszystkich użytkowników, którzy dokonują zakupów na tej stronie.Ta zasada zmienia się w kluczowych momentach, np. gdy całkowicie wycofujemy obsługę Internet Explorera lub gdy kierujemy reklamy na określoną minimalną wersję przeglądarki, aby uzyskać dostęp do funkcji o wysokiej wartości. Dzieje się to raz na kilka lat, gdy zajdzie taka potrzeba.
Nie mając progresywnych zasad dotyczących przeglądarek i funkcji, na które należy kierować reklamy, Target.com zezwalał w bazie kodu tylko na nowoczesne funkcje, stosując przy tym nieporęczne rozwiązania, takie jak polyfilling i transpilacja do bardzo przestarzałych wersji JavaScriptu. Gdy grupa społeczności WebDX wprowadziła Baseline, osoby zainteresowane Target.com uznały, że to odpowiedni moment, aby zastanowić się nad znalezieniem bardziej odpowiedniego minimalnego celu obsługi.
Dzięki Baseline Target ma teraz pewność, jakie funkcje są dostępne w obsługiwanych przeglądarkach, i może identyfikować nowsze funkcje, które stały się dostępne dzięki progresywnemu ulepszaniu i wypełnianiu luk w kodzie (polyfill) jako możliwym rozwiązaniom alternatywnym.
Problem
Każdego dnia dziesiątki inżynierów przesyłają kod do Target.com. Podczas sprawdzania kodu często zwraca się uwagę na funkcje, które nie działają w wersjach przeglądarek obsługiwanych przez Target.com. W tym celu można korzystać z witryny Can I use. Jeśli inżynierowie stale otrzymują komentarze, aby zmienić kod i preferować starsze funkcje zamiast nowoczesnych, skutkuje to unikaniem nowych funkcji internetowych. Target wraca wtedy do „starych” technik, które działają, ale możliwość korzystania z nowoczesnych funkcji jest odkładana na później. Korzystanie z nowoczesnych funkcji internetowych często zapewnia większą wygodę programistom, a także może zwiększyć komfort użytkowników dzięki mniejszej ilości kodu.
Podejście oparte na danych w zakresie obsługi przeglądarek
Witryna Target.com ma konfigurację webpack, która określa minimalne obsługiwane wersje przeglądarek. W przeszłości trudno było uzasadnić podniesienie tych minimalnych obsługiwanych wersji przeglądarek. Na początku 2025 roku obowiązywały te zasady:
- Aktualna i 2 poprzednie wersje przeglądarek Chrome, Edge i Firefox.
- Safari 11 lub nowsza.
Safari jest traktowana z większą uwagą ze względu na duży ruch i sprzedaż, które Target uzyskuje z tej przeglądarki na urządzeniach z iOS. Początkowo podjęto świadomą decyzję, aby jako minimalną wersję przeglądarki Safari do tworzenia aplikacji ustawić wersję 11. Ta decyzja ograniczyła Target.com do funkcji internetowych dostępnych w 2017 roku i wcześniej.
W pierwszym kroku na drodze do integracji Baseline z procesem tworzenia oprogramowania w Target zastosowano podejście oparte na danych. Z badań przeprowadzonych przez firmę Target wynika, że przeglądarki Safari w wersjach 11–14 miały bardzo mały wpływ na wyniki biznesowe – konkretnie odpowiadały za 0,0001% sprzedaży w witrynie Target.com. W związku z tym firma Target doszła do wniosku, że usunięcie transpilacji i wypełnień dla tych przestarzałych wersji przeglądarki stworzy znaczne możliwości poprawy wydajności witryny.
Dodatkowe badania wykazały, że Safari 15.4 to pierwsza wersja Safari, która generowała co najmniej 0,5% sprzedaży z popytu, a każda kolejna wersja Safari 15 miała podobny wpływ. Za każdym razem, gdy Target przeprowadza test A/B, zmiana 0,5% sprzedaży na żądanie jest bardzo cenna i prowadzi do wniosku, że minimalna obsługiwana wersja Safari powinna być w zakresie wersji 15.
Ciekawym trendem, który zaobserwowaliśmy w tych badaniach, jest szybkość, z jaką spada użycie starszych wersji przeglądarki Safari. We wrześniu 2024 r.Safari 15 odpowiadała tylko za 0,94% sprzedaży w ramach popytu na Target.com. W styczniu 2025 r.było to 0,67% sprzedaży w ramach popytu, w maju 2025 r.odsetek ten spadł do 0,45%, a w listopadzie 2025 r.wyniósł 0,32%. Z tego wynika, że jeśli zostanie określony próg rzeczywistych pieniędzy jako procent sprzedaży w całej witrynie, obsługa tych przeglądarek może zostać zakończona w sposób automatyczny, a kolejna główna wersja Safari 16 może zostać osiągnięta do końca roku.
Wycofanie obsługi nie oznacza, że nieobsługiwane przeglądarki są blokowane – użytkownicy, którzy z nich korzystają, mogą nadal znaleźć ścieżkę zakupu, ale w niektórych przypadkach mogą mieć gorsze wrażenia. Po wprowadzeniu zmian analitycy nie odnotowali mierzalnego wpływu na dane biznesowe, nadal stosując podejście oparte na danych. Firma Target rozważa też wprowadzenie banera, który będzie wyświetlany w nieobsługiwanych wersjach przeglądarek i będzie ostrzegać o pogorszeniu jakości działania usługi.
Wybieranie docelowej wartości odniesienia dla Target.com
Inżynierowie internetowi firmy Target utworzyli grupę roboczą Baseline, aby połączyć te działania i wykorzystać nowoczesne funkcje oraz zmieniający się zakres obsługiwanych przeglądarek, co pomoże w realizacji zasad. Korzystając z narzędzi Baseline, sprawdzili, jaki był minimalny zestaw przeglądarek w każdym roku. Najbliższym celem nowej polityki Targetu był Baseline 2022:
{
"chrome": "108",
"edge": "108",
"firefox": "108",
"ios": "16",
"safari": "16"
}
Aby osiągnąć ten poziom odniesienia, firma Target musiałaby dostosować zasady przeglądarki do co najmniej Safari 16 zamiast obecnej wersji 15.4. Obniży to komfort mniej niż 0,5% kupujących, którzy dokonują konwersji. Ten odsetek maleje, więc Target ma nadzieję, że do końca 2025 r. zaktualizuje swoje oficjalne zasady, aby były powiązane z Baseline 2022. Dzięki temu deweloperzy Target.com mogą zmienić cel tak, aby był o około 3 lata opóźniony w stosunku do publikowanej co roku wartości bazowej.
Ogólnie rzecz biorąc, pakiety webpack dla Target.com są mniejsze ze względu na mniejszą liczbę transpilacji kodu i dodanych polyfilli. Firma Target jest przekonana, że ten cel będzie się zmieniać z czasem. Mamy nadzieję, że za rok o tej porze będzie można wdrożyć Baseline 2023, który zawiera wiele przydatnych funkcji, takich jak zapytania o kontenery, selektor :has, atrybut inert i inne.
Przyjrzyjmy się nowszym zestawom funkcji Baseline.
Prace grupy roboczej ds. wartości docelowych nie kończą się na Baseline 2022. Wiele funkcji Baseline 2023 jest na granicy możliwości obsługi bez kopii zapasowych, np. polyfill. Każda z funkcji w punkcie odniesienia 2023, którą jest zainteresowana firma Target, wymaga od niej:
- Opisz, co robi ta funkcja.
- Opisz, jak korzystanie z tej usługi może ulepszyć Target.com, w tym jak może poprawić komfort pracy deweloperów.
- Znajdź odpowiedni przypadek testowy, aby wdrożyć tę funkcję w kodzie Target.com.
- W razie potrzeby udokumentuj, jakich rozwiązań rezerwowych używać, w tym progresywnego ulepszania lub innych rozwiązań zapewnianych przez wykrywanie funkcji.
- Kiedy można spodziewać się zatwierdzenia korzystania z tej funkcji? Czy można go teraz użyć? Czy należy poczekać na osiągnięcie jakiegoś przyszłego progu?
Przykładem jest atrybut inert. Minimalna wersja Safari, w której można używać inert, to 15.5. Oznacza to, że witryna Target.com jest bliska możliwości korzystania z tej funkcji. Witryna Target.com ma wiele implementacji okien modalnych, w których ten atrybut byłby korzystniejszy niż obecne rozwiązanie JavaScript. Przygotowanie raportu na temat tej funkcji przez inżyniera umożliwia wymianę wiedzy i przygotowanie się do kolejnego złagodzenia zasad dotyczących przeglądarek. Pomaga to uzasadnić, że wycofanie obsługi wersji przeglądarki, która przynosi niewielką wartość biznesową, może odblokować funkcje, które mają wartość. Funkcję można zaprojektować, sprawdzić i wdrożyć pod flagą funkcji, aby była gotowa do użycia.
Dodatkowo inny inżynier wykona te same czynności, aby użyć zapytań o kontenery, które są teraz powszechnie dostępne w ramach Baseline. Zapytania o kontenery można stosować z wypełnieniem, ale ma ono znane problemy z wydajnością. Firma Target postanowiła używać zapytań o kontener tylko jako stopniowego ulepszenia, dopóki minimalne wymagania przeglądarki nie wzrosną na tyle, aby w pełni obsługiwać tę funkcję.
Ten proces sprawdza się w przypadku Target.com, ponieważ gdy minimalna wersja funkcji jest wystarczająco często używana, ulepszanie progresywne nie jest już potrzebne i można korzystać z funkcji. Podczas niedawnego audytu stwierdzono, że Target.com wysyła tak wiele niepotrzebnych polyfilli, że wdrożenie Baseline w aplikacji może pomóc w utrzymaniu tego rodzaju długu technicznego pod kontrolą.
Powiązanie pojęć dotyczących wydajności bazowej z wydajnością witryny
Skuteczność jest ważna dla każdej witryny handlowej. Jednym z przekonań programistów pracujących nad Target.com jest to, że wysyłanych jest zbyt dużo kodu JavaScript. Jeśli udałoby się wyeliminować 5% pakietów JavaScript wysyłanych do użytkowników, byłby to duży sukces, ale nie wpłynęłoby to znacząco na podstawowe wskaźniki internetowe na stronie Target.com. Jeśli jednak Targetowi udałoby się to 10 razy, rozmiary pakietów zmniejszyłyby się o 50%, co znacząco przyczyniłoby się do osiągnięcia celów wydajnościowych.
W przypadku podejścia Target do Baseline inżynierowie pracujący nad Target.com zaczęli zastanawiać się nad ilością kodu JavaScript, który jest używany w przypadku takich elementów jak okna modalne, funkcje ułatwień dostępu, wyskakujące okienka, karuzele, akordeony i inne typowe problemy związane z UX. Każda z nich wymaga uzupełnień lub niestandardowych rozwiązań JavaScript, które zwiększają rozmiar kodu JavaScript aplikacji. W miarę jak Target korzysta z Baseline, kierowanie na przeglądarki z czasem się zmienia, a zasady dotyczące nowszych funkcji mogą zostać złagodzone. Z czasem firma Target planuje transpilować mniej kodu, stosować mniej funkcji polyfill, a nawet wprowadzać komponenty internetowe, gdy tylko pojawi się taka możliwość. Dzięki zwróceniu uwagi na polyfille i przeglądarki docelowe dostarczane w łańcuchach narzędzi projektu rozmiar pakietu JavaScript na stronie Target.com został już zmniejszony o 10%. Dotyczy to sytuacji przed wprowadzeniem nowszych funkcji. Powinno to poprawić wyniki w porównaniu z rokiem poprzednim, co jest bezpośrednio związane z dużymi inwestycjami, które Target poczynił w celu zwiększenia skuteczności Target.com.
Wnioski
Wartość docelowa i starannie przygotowane raporty dotyczące nowo dostępnych i powszechnie dostępnych funkcji internetowych okazały się bardzo przydatne dla Target.com. Oto kilka kluczowych wyników:
- Docelowe przeglądarki zostały zmienione z obsługi przeglądarek wydanych 8 lat temu na obsługę przeglądarek wydanych 3 lata temu.
- Docelowa wartość odniesienia z 2022 r. zostanie osiągnięta do końca 2025 r.
- Łączny rozmiar pakietów JavaScript na stronie Target.com został zmniejszony o 10%.
- Długi ogon starych przeglądarek, które generują mniej niż 1% przychodów, zmniejsza się w tempie około 300% rocznie (z 0,94% we wrześniu 2024 r.do 0,32% w listopadzie 2025 r.).
Świadomość, że internet rozwija się szybciej niż kiedykolwiek wcześniej, zmotywowała firmę Target do szybkiego wdrażania nowych funkcji. Uporządkowanie tych funkcji umożliwia wcześniejsze przygotowanie i zaplanowanie momentu, w którym Target odblokuje każdą z nich. Dzięki temu inżynierowie pracujący nad dużą witryną handlową mogą mieć pewność, że wiedzą, z których funkcji korzystać i kiedy mogą to robić.