본문 바로가기
IT/web

[web] 사용되지 않는 자바스크립트 및 CSS 찾기

by 내일은교양왕 2024. 10. 23.

아래의 글을 요약했습니다.

https://developer.chrome.com/docs/devtools/coverage?hl=ko

 

적용 범위: 사용되지 않는 자바스크립트 및 CSS 찾기  |  Chrome DevTools  |  Chrome for Developers

Chrome DevTools에서 사용되지 않는 자바스크립트 및 CSS 코드를 찾고 분석하는 방법

developer.chrome.com


너무 쉽습니다. 몇년전에도 해당 기능을 알았지만 까맣게 잊고 있었네요. 오!! 이런것이 있어? 하면서 놀랬지만 이 글을 쓰는 시점에서는 '아.. 알고 있었는데..'

 

사용방법

크롬 > 개발자 도구 > 범위 > 리프레스 버튼 > 녹화 중지

*범위가 없으면 더보기(삼점)버튼 눌러서 범위 선택

 

테스트

'IT > web' 카테고리의 다른 글

[web] tree-shaking 요약  (0) 2024.10.27
[web] 렌더링 차단 CSS  (0) 2024.10.23
[web] 렌더링 트리 생성, 레이아웃 및 페인트  (0) 2024.10.22
[web] Script error  (0) 2024.07.12
[css] Animiation 만들 때 유용한 사이트 소개  (0) 2024.06.19