구글 애드센스에 영향주는 티스토리 블로그 속도 높이는 2가지 방법 (오프스크린 이미지 지연하기, 렌더링 차단 리소스 제거하기, 로딩 개선)

아마 본인의 티스토리 블로그 페이지 로딩 속도를 확인해 보시고 충격을 받으셨을 것입니다. 저 또한 그랬습니다. 제일 중요한 티스토리 블로그 모바일과 데스크톱 로딩 속도 줄이는 방법에 대해 알아보겠습니다. 로딩 속도와 구글 애드센스가 무슨 상관이야 하시는 분들은 더 읽어주세요. 

 

 

구글 애드센스는 검색으로 인해 블로그 들어오시는 분들이 글을 읽으셨을 때 자신이 맘에 드는 광고를 보고 누르게 되면 구글 애드센스 수익으로 잡히게 됩니다. 만약 구글 페이지에서 내 글 제목을 보고 마음에 들어 클릭했는데 로딩 속도가 느리면 어떻게 할까요? 바로 뒤로 가기를 누를 것입니다. 저 또한 그렇거든요. 대부분의 사람들은 인내심이 그리 많지 않기 때문에, 특히 빨리 정보를 얻어야 할 경우에는 더더욱, 페이지 로딩 속도는 엄청나게 중요한 요소입니다. 당연히 구글 애드센스 수익에도 영향을 끼치게 됩니다. 

티스토리 블로그 로딩 속도 스피드 체크하기 

우선 구글이 만든 페이지 스피드 인사이츠에(PageSpeed Insights) 가셔서 본인의 웹페이지(티스토리 블로그) 속도를 체크해 보세요. 본인 블로그 url주소를 넣으면 됩니다. 왼쪽 탭에서 모바일 속도와 데스크 탑 속도를 볼 수 있게 고를 수 있습니다. 기본 세팅은 모바일 속도입니다. 즉, 테스트가 끝나면 보이는 속도는 모바일에서 보이는 티스토리 블로그 로딩 속도입니다.

티스토리 블로그 로딩 속도 결과 알아보기

대부분 검색해 보셨으면 아시겠지만 "렌더링 차단 리소스 제거하기"나 "오프스크린 이미지 지연하기"가 첫 줄에 나와 있을 것입니다. 즉, 이 두 아이템이 모바일 혹은 데스크 탑 로딩 속도에 가장 큰 영향 끼치고 있는 것 입니다. 

오프스크린 이미지 지연하기 단축하는 방법 

오프스크린 이미지 지연하기 부분 화살표를 눌러보세요. 본인 블로그에서 가장 속도를 많이 잡아먹는 이미지들이 보일 것입니다. 이 이미지들을 압축하셔서 다시 올려주시길 바랍니다. 항상 기억하셔야 할 것은, 이미지 로딩 속도를 높이기 위해서 이미지들 올리시기 전에 꼭 압축해 주셔야 합니다. 제가 쓰는 웹사이트는 tinyPNG 이미지 압축 사이트 입니다. 이왕이면 png파일 보다 사이즈가 적은 jpeg이나 jpg로 올리시길 바랍니다. 블로그 글 수정해도 될까? 생각이 드신다면 구글은 다음이나 네이버 같이 글 수정에 페널티를 먹이지 않으니 (제목을 바꾸거나 일부러 키워드 수정을 하는 경우 제외하고는) 맘 편히 하셔도 됩니다. 

 

렌더링 차단 리소스 제거하기 단축하는 방법

렌더링 차단 리소스 제거하기 부분 화살표를 눌러보시면 마찬가지로 로딩을 방해하는 리소스, 스크립트를 확인할 수 있습니다. 스트리트 코드들을 html편집기에 들어가셔서 하나씩 주석 처리해 주세요. 주석 처리하는 방법은 쉽습니다. <!-- 내용 --> 이렇게만 해 주시면 됩니다. 

 

저 같은 경우는 command+f (control+f)해서  daumcdn 을 찾아서 이 단어가 들어간 스크립트는 다 주석 처리해 줬습니다. 

예를 들어 <!-- <script src="//t1.daumcdn.net/tistory/admin/lib/jquery/jquery....min.js"></script> --> 이렇게 빨간색 글씨를 추가해 줬습니다. 

모바일 블로그 속도 올리기 위해 절대 하면 안 되는 것

모바일 꾸미기 설정 들어가셔서 티스토리 모바일 웹 자동 연결을 사용합니다 로 바꾸시면 안 됩니다. 이렇게 하면 티스토리 블로그가 모바일 최적화돼서 속도는 개선될 수 있으나 구글 애드센스 수익이 현저하게 떨어질 수 있습니다. 그렇기 때문에 절대 권장하지 않습니다. 저는 사용하지 않습니다 로 설정 해 놨습니다. 

 

 

이상으로 티스토리 블로그의 속도를 높이는 방법에 대해 알아봤습니다. 오프스크린 이미지 지연하기와 렌더링 차단 리소스 제거하기, 이 두 가지만 실행해 줘도 속도를 많이 줄일 수 있기 때문에 구글 애드센스에도 좋은 영향을 끼칠 것으로 예상합니다.

 

함께 읽으시면 도움이 될만한 글

애드센스 핀번호 안옴 (애드센스 Pin 언제 오나요? 안오는 이유 해결 방법)