이 발표에서는 웹 프론트엔드에서 인라인 스크립트를 고도화하고 확장성을 제공하기 위한 critical-script vite 플러그인의 개발 과정과 기술적인 도전, 그리고 유용하게 활용할 수 있는 사례를 소개합니다.
현대의 웹 프론트엔드는 webpack, vite 같은 거대한 번들러 생태계가 형성되면서, 번들이라는 개념이 보편화되었습니다. 모든 코드를 번들에 넣는 것을 자연스럽게 생각하는 시대가 되며, 번들의 바깥 세상인 인라인 스크립트를 고도화하기 위한 발상이나 오픈소스 도구는 아쉽게도 찾아보기 어려운 상태입니다.
인라인 스크립트는 웹 프론트엔드에서 로딩 성능(LCP) 개선과 스켈레톤 UI를 고도화할 때 유용합니다. critical-script 도구를 커뮤니티에 오픈소스로 공개함으로서 노하우를 공유하고, 웹 프론트엔드 생태계에 로딩 성능 개선 전략의 대안으로 제시합니다.
