--- title: '『프런트엔드 성능 최적화 Deep Dive』가 출간되었습니다.' tags: - web-performance published: true date: 2026-07-22 12:00:00 description: '🙇🏻‍♂️' --- ![frontend-performance-deep-dive](https://wikibook.co.kr/images/cover/l/9791158396916.jpg) 세 번째 책이 나왔습니다. 이번 주제는 프런트엔드 성능 최적화입니다. ## 성능 최적화는 왜 항상 어려웠을까요 성능 최적화라고 하면 흔히 번들 사이즈를 줄이거나 `memo`를 붙이는 정도를 떠올리곤 합니다. 저 역시 그랬습니다. 하지만 실무에서 성능 문제를 마주할 때마다 느꼈던 것은, 문제의 원인이 한 곳에 있지 않다는 점이었습니다. CDN과 HTTP 프로토콜, 브라우저가 리소스를 받아 화면을 그리기까지의 렌더링 파이프라인, 자바스크립트 런타임, 그리고 프레임워크까지. 어느 한 계층만 이해해서는 "왜 느린가"라는 질문에 답하기 어려웠습니다. 이 책은 그 답답함에서 시작했습니다. 프레임워크와 라이브러리는 몇 년마다 바뀌지만, 그 아래에 있는 네트워크와 브라우저, 자바스크립트 런타임의 원리는 좀처럼 변하지 않습니다. 이번에는 그 변하지 않는 사실들을 정리해 보고 싶었습니다. 그래서 개별 최적화 팁을 나열하기보다는, 웹 성능을 계층별로 나누어 각 계층에서 무슨 일이 일어나는지, 그래서 어떤 최적화가 왜 효과가 있는지를 동작 원리 중심으로 정리했습니다. ## 이 책에서 다루는 내용 크게 네 부분으로 구성되어 있습니다. - **네트워크와 로딩**: CDN, HTTP/2와 HTTP/3, 압축, 캐시, 리소스 우선순위, 프리로드 스캐너, 렌더링 블로킹 최적화 - **번들과 리소스**: 폴리필, 트리 셰이킹, 코드 스플리팅, 이미지·동영상·폰트·CSS 최적화 - **렌더링과 런타임**: 하이드레이션, 데이터 캐싱, 자바스크립트 실행 최적화, 메모리 관리, CLS, 애니메이션 - **프레임워크와 고급 주제**: 컴포넌트 최적화, 서드파티 스크립트 관리, 다국어 처리, 차세대 웹 표준 쓰다 보니 1,458쪽이 되었습니다. 전작들보다 두꺼워졌지만, 그만큼 성능이라는 주제가 넓고 깊다는 방증이라고 생각해 주시면 감사하겠습니다. ## 전자책으로만 출간하게 된 이유 이번 책은 종이책 없이 전자책으로만 출간되었습니다. AI 관련 도서를 제외하면 출판 시장이 많이 어려워졌고, 이 분량을 종이책으로 내기도 쉽지 않았습니다. 종이책을 기대하셨던 분들께는 죄송하다는 말씀을 드립니다. ## 감사의 말씀 이번 책은 쓰는 내내 힘들었습니다. 리더 역할을 맡으면서 코드를 직접 만지는 시간이 예전 같지 않았고, 실무에서 한발 떨어져 있는 사이 감을 잃어버린 것은 아닌지, 이런 내가 실무 경험을 이야기하는 책을 쓰는 것이 독자에게 정직한 일인지 의심이 드는 순간이 많았습니다. 어쩌면 1,458쪽까지 파고든 것은 그 의심에 대한 저 나름의 대답이었는지도 모르겠습니다. 모두의 관심이 AI로 향하는 시기라는 점도 마음을 무겁게 했습니다. AI가 최적화 코드를 대신 작성해주는 시대에, 사람이 오래 쌓아온 지식이 여전히 가치가 있을까. 저는 프레임워크는 바뀌어도 계층을 관통하는 이해는 쉽게 대체되지 않는다는 쪽에 걸었지만, 책이 나오기 전까지는 그 판단이 맞는지 확인할 길이 없어 불안하기도 했습니다. 포기하고 싶은 순간마다 정신을 붙잡을 수 있게 해준 네이버 파이낸셜 팀원들, 그리고 전유정 님께 감사드립니다. 초고를 읽고 의견을 남겨주신 베타 리더분들, 이번에도 부족한 원고를 책으로 만들어주신 위키북스 편집팀에도 감사드립니다. 남아 있는 부족함은 모두 제 몫입니다. 성능 문제 앞에서 어디서부터 손대야 할지 막막했던 분들께 이 책이 도움이 되기를 바랍니다. - 📘 자세히 보기: [출판사 위키북스 소개 페이지](https://wikibook.co.kr/frontend-optimization/) - 🛒 온라인 구매 - [교보문고](https://ebook-product.kyobobook.co.kr/dig/epd/ebook/E000013260818) - [YES24](https://www.yes24.com/product/goods/193465996) - [알라딘](https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=397941176) - [리디북스](https://ridibooks.com/books/1160000250)