1장 블로그 서비스 최적화크롬 개발자 도구의 Network 패널어떤 리소스가 어떤 시점에 로드 되는지, 해당 리소스 사이즈 크롬 개발자 도구의 Performance 패널웹 페이지가 로드될 때 , 실행되는 모든 작업브라우저의 메인 스레드에서 실행되는 자바스크립트를 차트 형태로 볼 수 있음. 어떤 자바스크립트 코드가 느린지 확인 가능 크롬 개발자 도구의 Lighthouse 패널 webpack-bundle- analyzer번들 파일중 불필요한 코드나 비중을 확인 가능 LighthouseModeNavigation : 초기 페이지 로딩 시 발생하는 성능 문제를 분석Timespan : 사용자가 정의한 시간 동안 발생한 성능 문제를 분석Snapshot : 현재 상태의 성능 문제를 분석CategoriesPerforma..
