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월, 맷 홉스는 GOV.UK에서 jQuery 종속 항목을 삭제했다고 발표했습니다. GOV.UK는 영국에 대규모로 서비스와 정보를 제공하기 때문에 사용자 경험 측면에서는 이러한 점이 중요합니다. 모두가 2022년형 MacBook Pro를 번쩍 들게 한 것은 아닙니다 광대역 연결입니다. GOV.UK는 누구나 이용할 수 있어야 하며 줄어드는 데 도움이 됩니다.
GOV.UK가 jQuery를 삭제했을 때 발견한 Matt Hobbs의 히트작 몇 가지를 소개합니다.
- 전반적인 프런트엔드 처리 시간 단축.
- 75번째 백분위수에서 차단 시간 11% 감소
- 차단 시간이 10% 감소합니다(95번째 백분위수). 이러한 사용자는 네트워크 및 기기 상태에 심각한 악영향을 미치며 성능 향상은 특히 이들에게 중요합니다.
자세한 내용은 맷의 유용한 트위터 대화목록을 확인하세요. 웹 성능 전문가를 위한 유용한 도구로, 성능 면에서 종속 항목이 중요하다는 사실을 확인할 수 있습니다. 프레임워크가 할 수 있는 작업을 웹 플랫폼이 쉽게 할 수 있다면 사용자를 단축하지 마세요.
GOV.UK는 대규모로 활동하는 기관으로부터 사용자 경험에 대한 이 같은 수준의 노력을 칭찬할 만합니다. 다른 사람들이 그들의 발자취를 따르기를 바랄 뿐입니다.