Holic한 꿀팁/티스토리 꾸미기

[티스토리 블로그 속도 개선(최적화)하기①] 모바일웹 사용 설정

달콤한방랑 2021. 4. 26. 12:01
728x90
반응형

티스토리를 관리하기에 앞서 블로그 속도를 개선하는 글을 써보고자 한다.

뭐 블로그 속도를 개선하는 이유는 아무래도 접속자 수와 관련이 있기에 더 신경써야 될 부분이기도 해서라고 생각한다.

지금까지는 나도 별로 신경쓰지 않았지만,

최근에 블로그 꾸미기에 빠져들면서 이런 저런 사항들에 관심이 가기 시작했다.

모바일웹으로 자동 연결을 했더니 속도가 좀 개선되었기에 이 방법을 소개하고자 한다.

이 방법은 간단한 방법으로 티스토리의 설정만으로도 개선이 가능하다.


1. 블로그 속도 측정하기

 

우선, 속도를 개선하기에 앞서서 제일 먼저 자신의 블로그 속도가 어느 정도인지를 측정해볼 필요가 있겠다.

아래 링크는 웹페이지의 현재 속도가 어느 정도인지 확인이 가능한 사이트이다.

 

PageSpeed Insights

모든 기기에서 웹페이지 속도를 개선해 보세요. PageSpeed Insights 서버에서 페이지 분석 중

developers.google.com

링크를 클릭해서 들어가면, 웹 페이지 URL을 입력하는 곳이 나오는 데

거기에 자신의 블로그 주소를 붙여넣기해서 분석을 누른다.

분석을 누르면 서버에서 페이지를 분석하는 창이 뜨고, 완료가 되면 다음 화면으로 넘어간다.

화면으로는 숫자와 함께 분석된 내용이 나온다.

결과를 보니, 나는 13...헐...엄청 개선이 필요할 듯...

실험실 데이터에 표시된 부분을 보면 어던 부분이 안 좋은 지를 알 수 있는데,

이미지 파일도 블로그 속도에 영향을 미치는 듯 하다.

분석 페이지를 보면, PNG이미지 파일이나 GIF보단 JPEG로 쓰도록 권고하는 내용이 있었는데

PNG 파일이나 짤(GIF)은 되도록 안 쓰는 게 좋을 지도 모르겠다.

참고로, 이미지 개선을 할 수 있는 사이트도 첨부한다.

 

온라인 이미지 최적화기

Optimizilla는 궁극의 이미지 최적화기로 당신의 JPEG과 PNG 포맷을 가능한 최소 크기로 압축합니다.

imagecompressor.com


2. 모바일웹 사용하기로 설정

 

다시 티스토리 블로그로 돌아와서, 블로그 관리> 꾸미기> 모바일을 클릭한다.

모바일 꾸미기 설정이라는 페이지가 나오는 데 여기서 자동 연결을 사용합니다를 누르고

꼭! 변경사항 저장을 클릭해준다.

저장이 되면 저장 완료라는 메세지로 자동으로 바뀐다.


3. 블로그 속도 재측정

 

다시 속도 체크를 해주는 사이트로 돌아가서, 블로그 주소를 입력하고 분석을 눌러준다.

이해를 돕기 위해 짤도 넣어봤다...(ㅋㅋㅋ 속도 개선한다면서 또 짤씀 ㅋㅋㅋㅋ)

헐..20이라니...

뭐,그래도 아까보다는 +7이나 되었으니 좀 개선된 걸 알 수 있다.

다른 사이트에선 모바일웹 적용만으로도 엄청 개선되었다고 하니,

기본 스킨을 적용한 블로그라면 어렵지 않게 속도를 개선하기 좋다고 생각한다.


아무튼 다음 포스팅에선 이에 대한 세부사항을 수정하여 개선하는 방법을 소개해 보도록 하겠다.

이상으로 간단하게 속도 개선하는 방법을 마친다 ;)

반응형