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