구글 블로그 안쓰는 자바스크립트 제거 Reduce unused JavaScript
Reduce unused JavaScript
lighthouse검사 중 Performance 부분에서 표시된 미사용 자바스크립트에 대한 에러표시입니다. Reduce unused JavaScript로 표시되고 구글 ads를 제외한 js파일이 2개가 발견됩니다. 구글 ads는 현재 광고가 안붙은 상태라 제외하고 나머지가 문제인데요.
그런데 이 js들은 제거하려고 아무리 찾아도 관리자 HTML편집기나 위젯에서 찾을 수가 없습니다. 그리고 이 js파일들이 차지하는 부분이 꽤 큰편입니다.
 |
| Reduce unused JavaScript |
페이지소스보기를 통해 해당 자바스크립트 코드를 찾아보면 Reduce unused JavaScript에 표시된 위젯이 표시되는데 관리자 HTML에서는 검색이 안되는 난감한 상황. 해결을 위해선 이 사용도 안하는 위젯을 관리자에서 HTML편집으로 해결해야 합니다.
 |
| 미사용 위젯 |
미사용 위젯과 자바스크립트 해결하기
관리자모드로 들어가 테마 - HTML편집으로 들어갑니다
 |
| HTML편집 들어가기 |
HTML편집에서 HTML모드로 들어가 제일 하단 body태그를 찾습니다. body태그를 바꿔줘야 합니다. 주의할 점은 이 방법을 사용하면 일부 위젯이 작동을 안할수도 있다고 합니다. 저는 문제가 없었는데 미리 백업하고 작업하세요.
 |
| body 태그 변경 |
body 태그를 아래 코드로 바꿔줍니다
<!--</body>--></body>
 |
| body 태그 변경 |
변경 후 해당 블로그 포스팅을 다시 리프레쉬 해서 lighthouse를 실행해보면 미사용 자바스크립트 2개가 사라지고 Performance점수가 64점에서 85점으로 향상된걸 볼 수 있습니다. PC모드 점수가 아니라 모바일모드 점수이기 때문에 상당히 큰 향상이었습니다.
 |
| Performance점수 향상된 모습 |
페이지소스보기를 통해 확인해보면 문제의 위젯 코드가 주석처리 되어있는걸 볼 수 있습니다.
