GOV.UK가 프런트엔드에서 jQuery 종속 항목을 삭제했습니다. 무슨 일이 일어났는지 절대 추측할 수 없을 거예요. (예, 유지됩니다.)
jQuery는 약 30KiB 종속 항목으로, 2021년에 사용된 모바일 페이지의 거의 84%에서 사용되었습니다. 그럴 만한 이유가 있습니다. jQuery는 이벤트 처리, 요소 선택, 요소 애니메이션 등과 같은 다양한 구현을 원활하게 처리하는 방식으로 상호작용을 스크립팅하는 방법이 정말로 필요했던 시기에 유용한 도구였습니다.
jQuery는 매우 유용할 뿐만 아니라 어디에나 있기 때문에 웹이 더 나아졌습니다. jQuery가 제공하는 기능이 웹 플랫폼 자체의 일부가 되었기 때문입니다. 요즘에는 jQuery로 할 수 있는 거의 모든 작업을 바닐라 JavaScript로 쉽게 할 수 있습니다.
querySelector
및querySelectorAll
를 사용하여 CSS 선택기 구문으로 요소를 선택할 수 있습니다.classList
API를 사용하여 요소의 클래스를 추가, 삭제, 전환할 수 있습니다.addEventListener
를 사용하여 DOM 요소,document
,window
에 이벤트 핸들러를 연결할 수 있습니다.- 그 외에도 다양한 기능을 제공합니다.
이러한 상황을 고려할 때 오늘날 jQuery가 정말 필요한가?라는 질문이 떠오릅니다. GOV.UK에서는 이 질문에 대해 단호하게 '아니요'라고 답했습니다. 2022년 3월 Matt Hobbs는 GOV.UK에서 jQuery 종속 항목을 삭제했다고 발표했습니다. GOV.UK는 영국에 대규모로 온라인 서비스와 정보를 제공하므로 사용자 환경에 있어 매우 중요합니다. 모든 사람이 2022 MacBook Pro에서 초고속 광대역 연결을 사용하고 있는 것은 아닙니다. GOV.UK는 모든 사람이 액세스할 수 있어야 하므로 간결해야 합니다.
다음은 jQuery를 삭제하면서 GOV.UK에서 발견한 사항에 관한 Matt Hobbs의 주요 내용입니다.
- 전반적인 프런트엔드 처리 시간 감소
- 75번째 백분위수에서 차단 시간이 11% 감소했습니다.
- 95번째 백분위수의 사용자의 경우 차단 시간이 10% 감소합니다. 이러한 사용자는 심각하게 불리한 네트워크 및 기기 환경을 경험하며, 모든 성능 향상이 특히 중요합니다.
자세한 내용은 Matt의 유용한 트위터 스레드를 참고하세요. 웹 성능에 관심이 많은 사람들에게는 유용한 정보이며 성능에 관해서는 종속성이 중요하다는 점을 강조합니다. 웹 플랫폼에서 프레임워크가 할 수 있는 작업을 쉽게 할 수 있다면 사용자에게 불이익을 주지 마세요.
GOV.UK와 같은 규모로 운영되는 기관에서 사용자 경험에 이 정도의 노력을 기울이는 것은 칭찬할 만합니다. 다른 사람들도 이들의 뒤를 따르기를 바랍니다.