구글 블로그 '사용하지 않는 자바스크립트 줄이기' widgets.js 제거 방법

이 글의 내용을 따라 하기 전에 글 하단의 추가 내용을 꼭 확인해 주세요.

구글 블로그의 URL에서 ?m=1을 제거하는 방법

구글 블로그 모바일 URL에 자동으로 붙는 '?m=1' 때문에 고민이신가요? 중복 콘텐츠 문제를 해결하고 SEO에 최적화된 URL을 유지하는 방법을 알려드립니다. 간단한 코드 추가로 URL을 깔끔하게 정리하세요.

구글 블로그의 제이쿼리(jQuery) 버전을 올리면 생기는 변화

구글 블로그 템플릿의 제이쿼리(jQuery) 버전을 최신으로 업데이트하면 블로그 성능이 얼마나 향상될까? 페이지스피드 인사이트(PageSpeed Insights)를 통해 직접 실험하고 그 변화를 확인해보세요.

이전에 '구글 블로그를 모바일로 접속할 시에 URL 뒤에 붙는 ?m=1이라는 문자를 없애는 방법'과 '제이쿼리 버전을 올려서 구글 블로그의 성능을 올리는 방법'에 대한 글을 작성했었다.

구글 블로그에 대한 다양한 정보를 알려주는 어느 유튜버의 영상을 따라한 내용이었는데, 이번에도 어느 한 영상을 가져와봤다.

이번에도 등장하는 페이지 스피드 인사이트^{PageSpeed Insights}

영상의 길이도 다른 때보다 비교적 짧다. 한번 따라 해보자.

블로그나 웹사이트의 속도를 측정해주고 개선점을 알려주는 사이트, PageSpeed Insights

PageSpeed Insights는 웹사이트 속도를 측정하고 개선점을 알려주는 웹사이트입니다. 이 글은 PageSpeed Insights를 소개하고, 어떻게 사용해야 하는지, 주요 지표는 무엇을 의미하는지 자세히 알려주는 가이드입니다.

먼저 영상처럼 페이지 스피드 인사이트에서 현재의 블로그의 성능을 측정해 보았다.

이전에 제이쿼리 포스트에서도 설명했지만 여기서 측정되는 성능은 항상 다르기 때문에 숫자에 크게 신경쓰지 말자.

성능 확인도 중요하지만, 그 아래의 메시지를 보기 위해서 측정했다.

여기가 중요하다.

사용하지 않는 자바스크립트의 절감 가능치가 504kb라고 나온다.

이것도 측정할 때마다 다르게 나오기 때문에 나보다 숫자가 높게 나왔다고 해서 너무 신경 쓰지 말자.

어쨌든 이번에 없앨 '사용하지 않는 자바스크립트'는 이미지에 표시해 놓은 widgets.js다.

영상처럼 코드를 수정해서 widgets.js를 제거하기 전에 '페이지 소스 보기'를 통해서 코드를 확인해 봤다.

스크롤을 끝까지 내리면 해당 코드들이 보인다.

불필요한 정보들이 너무 많이 보여서 모자이크로 가렸는데, </body> 바로 위의 스크립트 태그들 2개를 주석 처리해서 사용하지 않도록 할거다.

구글 블로그 관리 페이지에서 '테마' > 'HTML 편집'으로 이동한다.

그리고 스크롤을 끝까지 내려서 이미지에 표시된 부분을 수정한다.

&lt;!--</body>--&gt;&lt;/body&gt;

원래는 </body> 태그였던 것을 이렇게 수정한다.

다시 '페이지 소스 보기'를 통해서 코드를 확인해 보자.

<script> 태그들이 주석 처리된 것이 보인다.

그리고 마지막으로 다시 페이지 스피드 인사이트에서 블로그 성능을 측정한다.

성능의 숫자는 신경쓰지 말자. 큰 변화는 없었다.

대신 '사용하지 않는 자바스크립트 줄이기' 항목을 다시 확인해 보면, 절감 가능치가 504kb에서 308kb로 낮아져 있다.

약 200kb 정도가 절감된 것이다.

그리고 목록에 widgets.js도 사라져 있다.

widgets.js라는 파일 이름은 왠지 블로그의 위젯을 구성하는 역할을 하는 파일일 것 같지만, 수정 후에 딱히 위젯이 정상적으로 작동하지 않는다던지 하는 문제는 없었다.

오늘도 이렇게 블로그의 성능을 아주 약간 끌어올렸다 😊

추가 내용

이렇게 widgets.js를 제거하면 블로그의 방문자가 운영자에게 메일을 보낼 수 있게 하는 '문의하기' 기능을 사용할 수 없다.

방금 '문의하기' 양식을 통해 메일이 잘 보내지는지 테스트를 해보다가 '보내기' 버튼을 클릭해도 메일이 전송되지 않고 아무 반응도 없이 먹통이 되는 현상을 발견했다.

그래서 주석 처리해서 제거했던 widgets.js를 다시 원래대로 돌려놓았더니, 다시 '문의하기' 기능이 정상으로 돌아왔다.

페이지 스피드 인사이트의 '사용하지 않는 자바스크립트 줄이기' 항목은 사용하지 않는 자바스크립트를 보여주는 것이 아니라 그냥 불러오는데 시간이 좀 걸리는 자바스크립트는 다 표시하는 것인가 보다.

어차피 '문의하기' 양식을 사용하지 않고 조금이라도 블로그의 성능이 나아지는 쪽을 택한다면 widgets.js를 제거하는 방법도 있겠지만, '문의하기' 이외에 또 어디서 어떤 문제가 생길지 모른다.

일단 나는 widgets.js를 다시 원래대로 돌려놓았다.

이 유튜버가 알려준 ?m=1을 제거하는 방법도 그대로 따라했다가 페이지네이션 기능이 먹통이 돼서 스스로 고친 적이 있는데, 뭔가 2% 부족한 솔루션을 알려주는 느낌이다. 😅

이 글이 도움이 됐거나 유익했다면 스크롤을 조금만 더 내려서 댓글을 남겨주세요. (비로그인도 가능합니다!)
응원이나 피드백이 담긴 댓글은 제가 계속 블로그를 해나갈 수 있는 원동력이 됩니다. 😊

지인에게 보여주고 싶은 글이었다면 URL을 복사해서 메신저나 소셜 미디어에 공유해 주세요.