티스토리 블로그 로딩 속도 문제해결을 위한 노력 2
- 곰돌이의 blog 생활/blog life
- 2023. 5. 18.
블로그를 하는 사람들의 가장 중요한 목표 중 하나는 수입의 파이프라인을 늘리는 것이다.
그러기 위해선 블로그에 광고를 삽입해 나의 블로그를 방문하는 사람들이 자연스럽게 내 블로그의 광고를 클릭하게 하는 것이 가장 첫 번째 수입을 올릴 수 있는 방법 중 하나이다.
물론 티스토리 블로그의 특성상 다음 메인에 노출이 되면 가장 좋겠지만, 그건 나에겐 아직 머나먼 일이다.ㅠㅠ
우선 블로그의 로딩 속도가 빨라지면 내 블로그를 방문하는 이용자들이 바로바로 내 블로그 포스팅을 확인할 수있다. 나만 보더라도 누군가의 블로그를 접속하여 포스팅을 보려고 하는데 버퍼링 걸린 것처럼 페이지가 헤매게 되면 바로 꺼버린다.ㅋ
여기에서 티스토리 딜레마가 발생한다. 이는 티스토리뿐만 아니라 광고를 설정하는 모든 블로그의 딜레마다.
이 광고라는 컨텐츠(?)자체가 블로그에 붙으면 붙을수록 속도는 떨어지게 되어있다.
어찌 보면 당연한 결과다. 텍스트보다 이미지나 동영상의 용량이 크기 때문에 속도에서 광고가 붙으면 붙을수록 속도는 떨어지게 되어있다.
위 포스팅은 내가 처음으로 page speed insights를 통해 블로그 속도를 측정한 결과다.. 처참하다..
난 최소한 이 속도는 유지될 줄 알았다.ㅠㅠ 하지만 포스팅이 upload 될수록 용량은 커지게 마련이다..
위 테스트는 광고를 설정하기 전 휴대전화 성능이고...
이것은 광고설정 후 휴대전화 성능이다.. 광고설정만으로 속도가 거의 '20' 증가했다.
위는 데스크탑 광고설정 전 성능이다.
이것은 데스크 탑 광고설정 후 성능이다. 역시 속도가 '20' 이상 상승하였다.
내가 속도를 향상하기 위해 한 일은 딱 3가지다.
1. 위 캡처와 같이 제목에서 이미지를 삭제하였다.(배경 이미지 삭제)
2023.05.17 - [blog life] - 티스토리 블로그 로딩 속도 문제해결을 위한 노력 - 상단 글 제목 이미지 삭제하기
2. 사이드바 메뉴의 간소화와 플러그인 간소화
사이다바에서 최신글과 인기글 모두 삭제하고 방문그래프만 남겨놓았다. 또한 플러그인도 딱 사용하는 플러그인만 빼고 모두 해지시켜버렸다.
3. 블로그 분문 광고 삭제 및 중간 광고 사이즈 조정
위 캡처처럼 블로그 첫번째 메인 페이지 상단에 있는 광고를 모두 해지하였다. 또한 본문에 들어가는 광고사이즈를(모바일 기준) 300*250으로 수동 수정하였다.
위의 방법이 맞는방법인지는 나도 잘 모른다.. @_@;;
그냥 이것저것 내 블로그에 시험해 보고 어느 정도 개선된 결과가 나오는 것 기준으로 포스팅을 하는 것이다.
잘못된 방법이라거나 다른 좋은 개선 방법을 알고 있으신 이웃님들은 꼭~~~~~ 댓글로 방법을 알려주시면.. (--)(__)(--)(__)
차세대 이미지로 변환시키는 방법은 그 확장자가 google전용이어서 아직 호환성에 문제가 많이 발생한다. 나 같은 경우 이웃님인 '담덕01'님이 알려준 '포토스케이프' 프로그램을 이용하여 이미지 사이즈는 일괄적으로 '1000'으로 통일하게 사이즈를 조정한다. 다른 블로그를 보니 700 정도의 사이즈로 upload하시는 분들도 계시는데, 아직 이미지 사이즈에 대한 개선 부분은 확인을 하지 못했다. 이미지는 사이즈보다는 용량이 더 중요한 것 같다. 본인의 경우 DSLR로 처음 사진을 찍으면 사진 용량이 2M ~ 5M 정도가 되는데, 이를 포토스케이프를 이용하여 사이즈는 1000으로 통일하고 JPG로 변환하면 사진 용량은 대략 150KB ~ 200KB로 확연하게 줄어든다. 본인생각으로 이미지 용량은 굳이 차세대 이미지 확장자가 아니더라도 이 정도면 충분히 개선될 것으로 보인다.
여기까지가 내가 1차로 확인한 블로그 속도를 개선시킬 수 있는 블로그 최적화 방법이다. 아직 눈에 띄는 결과는 아니지만 어찌 되었든 개선되는 모습을 확인했으므로 이 방법으로 조금 더 파고들 생각이다.
모두 파이팅 ~~~~