게시일: 2025년 11월 21일
이전에는 Target.com의 브라우저 지원이 주로 Target.com에서 구매하는 모든 사용자를 지원하는 것을 기반으로 했습니다. 이 정책은 Internet Explorer 지원을 완전히 중단하거나 고가치 기능에 액세스하기 위해 특정 최소 버전의 브라우저를 타겟팅하는 등 주요 의사결정 시점에 변경됩니다. 이 작업은 필요할 때 2년에 한 번씩 실행됩니다.
타겟팅할 브라우저와 기능에 관한 점진적인 정책이 없으면 Target.com은 폴리필 및 매우 오래된 JavaScript 버전으로 트랜스파일링과 같은 강압적인 솔루션을 사용하여 코드베이스에서 최신 기능만 허용했습니다. WebDX 커뮤니티 그룹이 Baseline을 출시했을 때 Target.com의 이해관계자들은 더 적절한 최소 지원 타겟을 찾아야 할 때라고 생각했습니다.
이제 Baseline을 통해 타겟은 지원되는 브라우저에서 사용할 수 있는 기능을 확신할 수 있으며, 점진적 개선과 폴리필을 가능한 대체로 사용하여 사용할 수 있게 된 최신 기능을 식별할 수 있습니다.
문제
매일 수십 명의 엔지니어가 Target.com에 코드를 제공합니다. 코드 검토에서는 Can I use를 리소스로 사용하여 Target.com에서 지원하는 브라우저 버전과 호환되지 않는 기능을 지적하는 것이 일반적입니다. 엔지니어가 최신 기능이 아닌 기존 기능을 선호하도록 코드를 변경하라는 의견을 계속 받으면 새로운 웹 기능을 피하게 됩니다. 그러면 타겟은 작동하는 '오래된' 기술을 사용하게 되며 최신 기능을 사용할 기회는 다른 시간으로 지연됩니다. 최신 웹 기능을 사용하면 개발자 환경이 개선되는 경우가 많으며, 코드를 적게 전송하여 사용자 환경도 개선할 수 있습니다.
브라우저 지원에 대한 데이터 기반 접근 방식
Target.com에는 지원되는 최소 브라우저 버전을 정의하는 webpack 구성이 있습니다. 이러한 최소 지원 브라우저 버전을 상향하는 것이 역사적으로 어려웠습니다. 2025년 초 기준 규칙은 다음과 같습니다.
- Chrome, Edge, Firefox의 현재 버전과 이전 두 버전
- Safari 11 이상
iOS에서 Safari를 통해 발생하는 트래픽과 판매량이 많기 때문에 Safari가 더 중요하게 취급됩니다. 처음에는 Safari 11을 개발을 위한 최소 버전으로 설정하는 것이 합리적인 결정이었습니다. 이 결정으로 인해 Target.com은 2017년 이전에 제공되던 웹 기능에 고정되었습니다.
기준을 개발 워크플로에 통합하기 위한 Target의 여정에서 첫 번째 단계로 데이터 기반 접근 방식을 사용했습니다. 조사를 통해 Target은 Safari 버전 11~14가 비즈니스에 미치는 영향이 매우 적다는 것을 확인했습니다(특히 Target .com의 수요 판매의 0.0001%). 이러한 현실을 고려할 때 Target은 이러한 오래된 브라우저 버전의 트랜스파일 및 폴리필을 삭제하면 사이트 성능을 개선할 수 있는 상당한 기회가 있다고 판단했습니다.
추가 연구에 따르면 Safari 15.4가 수요 판매의 0.5% 이상을 제공한 첫 번째 Safari 버전이었으며 그 이후의 Safari 15의 각 하위 버전도 비슷한 영향을 미쳤습니다. Target에서 A/B 테스트를 실행할 때 수요 판매의 0.5% 를 변경하는 것은 매우 가치 있으며, Safari의 최소 지원 버전이 버전 15 내에 있어야 한다는 결론으로 이어집니다.
이 연구에서 흥미로운 점은 이전 Safari 브라우저 사용이 얼마나 빠르게 이동하고 있는지입니다. 2024년 9월 기준 Safari 15는 Target.com의 수요 판매에서 0.94% 를 차지했습니다. 2025년 1월에는 수요 판매의 0.67% 를 차지했고, 2025년 5월에는 0.45%로 감소했으며, 2025년 11월에는 0.32%로 감소했습니다. 여기에서 Target이 알게 된 점은 수요 판매 사이트 전체의 백분율로 실제 금액 기준점을 정하면 이러한 브라우저 지원이 자동으로 종료될 수 있으며, Safari 16의 다음 주요 버전은 연말까지 달성할 수 있다는 것입니다.
지원 중단이 지원되지 않는 브라우저가 차단된다는 의미는 아닙니다. 해당 브라우저를 사용하는 사용자는 여전히 구매 경로를 찾을 수 있지만 경우에 따라 환경이 저하될 수도 있습니다. 변경 후에도 데이터 기반 접근 방식을 계속 사용한 결과, 분석가들은 비즈니스 측정항목에 미치는 영향이 측정되지 않는다고 보고했습니다. 또한 지원되지 않는 브라우저 버전에 성능 저하를 경고하는 배너를 표시하는 방안도 검토하고 있습니다.
Target.com의 기준 타겟 선택
타겟의 웹 엔지니어는 이러한 노력을 결합하여 최신 기능을 사용하고 지원할 브라우저의 움직이는 타겟을 사용하여 정책을 추진하기 위해 기준선 워킹 그룹을 구성했습니다. Baseline의 도구를 사용하여 매년의 최소 브라우저 세트를 확인했습니다. Target의 새 정책과 가장 가까운 타겟은 기준 2022였습니다.
{
"chrome": "108",
"edge": "108",
"firefox": "108",
"ios": "16",
"safari": "16"
}
이 기준에 도달하려면 Target이 현재 버전인 15.4 대신 최소한 Safari 16으로 브라우저 정책을 조정해야 합니다. 이로 인해 전환 쇼핑객의 0.5% 미만의 환경이 저하됩니다. 하지만 이 비율은 줄어들고 있으므로 Target은 2025년 말까지 공식 정책을 Baseline 2022와 연동하도록 업데이트할 계획입니다. 이에 따라 Target.com 개발자는 타겟을 매년 게시되는 기준선보다 약 3년 뒤로 변경할 수 있습니다.
전반적으로 Target.com의 webpack 번들은 코드 트랜스파일링이 적고 폴리필이 추가되어 더 작습니다. Target은 이 타겟이 시간이 지남에 따라 이동할 것이라고 확신하며, 내년 이맘때쯤에는 컨테이너 쿼리, :has 선택기, inert 속성 등 다양한 유용한 기능이 포함된 기준 2023을 채택할 수 있기를 바랍니다.
최신 Baseline 기능 세트 살펴보기
타겟 기준선 워킹 그룹은 기준선 2022에서 멈추지 않습니다. 기준 2023의 기능을 살펴보면 폴리필과 같은 백업 없이 지원할 수 있는 기준에 거의 도달한 기능이 많습니다. 타겟이 관심을 갖는 Baseline 2023의 각 기능에는 다음이 필요합니다.
- 기능의 작동 방식을 설명합니다.
- 개발자 환경 개선을 비롯해 사용이 Target.com을 개선할 수 있는 방법을 문서화합니다.
- Target.com 코드베이스 내에서 기능을 구현할 적절한 테스트 사례를 찾습니다.
- 필요한 경우 점진적 개선 또는 기능 감지를 통해 제공되는 기타 솔루션을 포함하여 사용할 대체 방법을 문서화합니다.
- 마지막으로, 기능 사용은 언제 승인될 것으로 예상되나요? 지금 사용할 수 있나요? 아니면 향후 임계값을 기다려야 할까요?
inert 속성이 그 예입니다. Safari에서 inert를 사용할 수 있는 최소 버전은 15.5입니다. 즉, Target.com에서 곧 사용할 수 있습니다. Target.com에는 현재 JavaScript 솔루션에 비해 이 속성이 유용한 모달 구현이 많이 있습니다. 엔지니어가 이 기능에 관한 보고서를 작성하면 지식을 공유하고 다음 브라우저 정책 완화를 준비할 수 있습니다. 이를 통해 비즈니스 가치가 거의 없는 브라우저 버전 지원을 중단하면 가치가 있는 기능을 사용할 수 있다는 주장을 펼칠 수 있습니다. 이 기능은 기능 플래그 아래에서 설계, 검토, 배포할 수 있으며 사용할 수 있는 경우에 대비할 수 있습니다.
이 외에도 다른 엔지니어가 이제 널리 제공되는 Baseline인 컨테이너 쿼리를 사용하는 동일한 프로세스를 따릅니다. 컨테이너 쿼리는 폴리필과 함께 사용할 수 있지만 폴리필에는 알려진 성능 문제가 있습니다. Target에서 생각해 낸 해결책은 브라우저 최소값이 이 기능을 완전히 지원할 때까지 컨테이너 쿼리를 점진적 개선으로만 사용하는 것이었습니다.
이 프로세스는 Target.com에 적합합니다. 기능의 최소 버전이 충분히 사용되는 시점이 되면 점진적 개선이 더 이상 필요하지 않으며 기능을 사용할 수 있기 때문입니다. 최근 감사에서 Target.com이 불필요한 폴리필을 너무 많이 배송하는 것으로 확인되었으며, 애플리케이션에 Baseline을 구현하면 이러한 기술 부채를 관리하는 데 도움이 될 수 있습니다.
기준 개념과 웹 성능의 상관관계
성능은 모든 소매 웹사이트에 중요합니다. Target.com에서 작업하는 개발자들은 너무 많은 JavaScript가 제공된다고 생각합니다. 사용자에게 제공되는 JavaScript 번들의 5% 가 제거되면 큰 이점이 있지만 Target.com의 핵심 웹 바이탈이 크게 개선되지는 않습니다. 하지만 Target이 이를 10번 달성하면 번들 크기가 50% 감소하여 Target의 성능 목표에 크게 기여할 수 있습니다.
기준선에 대한 Target의 접근 방식은 Target.com의 엔지니어가 모달, 접근성 요구사항, 팝오버, 캐러셀, 아코디언, 기타 일반적인 사용자 환경 문제와 같은 항목에 사용되는 JavaScript의 양을 고려하도록 했습니다. 이러한 각 기능에는 애플리케이션의 JavaScript 블로트에 기여하는 폴리필 또는 맞춤 JavaScript 솔루션이 필요합니다. 타겟이 Baseline을 사용하므로 브라우저 타겟은 시간이 지남에 따라 발전하고 최신 기능을 포함하는 정책이 완화될 수 있습니다. Target은 시간이 지남에 따라 더 적은 코드를 트랜스파일하고, 더 적은 기능을 폴리필하며, 기회가 있을 때 웹 구성요소를 채택할 것으로 예상합니다. 프로젝트 도구 모음에 제공되는 폴리필과 타겟 브라우저에 주의를 기울인 결과 Target.com의 JavaScript 번들 크기가 이미 10%감소했습니다. 이는 최신 기능을 도입하기 전의 상태입니다. 이 수치는 전년 대비 개선될 것으로 예상되며, 이는 Target이 Target.com의 실적 개선을 위해 대대적으로 투자하는 것과 직접적인 관련이 있습니다.
요약
새로 출시된 웹 기능과 널리 사용되는 웹 기능의 기준 타겟과 매우 잘 선별된 기준 보고서는 Target.com에 강력한 도구가 되었습니다. 주요 결과는 다음과 같습니다.
- 브라우저 타겟이 8년 전에 출시된 브라우저 지원에서 3년 전에 출시된 브라우저 지원으로 이동했습니다.
- Baseline 2022의 기준 타겟은 2025년 말까지 달성될 예정입니다.
- Target.com의 JavaScript 번들 총 크기가 10% 감소했습니다.
- 비즈니스의 1% 미만을 제공하는 오래된 브라우저의 롱테일은 연간 약 300% 의 비율로 감소하고 있습니다 (2024년 9월 0.94% 에서 2025년 11월 0.32% 로).
웹이 그 어느 때보다 빠르게 발전하고 있다는 사실을 깨달은 Target은 그 어느 때보다 빠르게 기능을 채택할 수 있었습니다. 이러한 기능을 정리하면 타겟에서 각 기능을 잠금 해제할 때를 대비해 사전 작업과 계획을 세울 수 있으며, 대형 소매 웹사이트에 기여하는 엔지니어가 사용할 기능과 사용 시기를 알 수 있다는 신뢰를 줄 수 있습니다.