본문 바로가기
블로그 운영

[블로그 팁] 티스토리 모바일 속도 향상 방법

by 라이킴 2017. 9. 7. 댓글 개
반응형




안녕하세요 ~ 라이킴입니다.



저번 모바일 속도 및 손실률에 대해서 알아보았는데요


그 결과로 속도가 느릴수록 손실률이 얼마나 큰지 알아볼 수가 있었습니다.



그래서 이번에는 그 손실률을 막기 위한 블로그 속도 향상에 관해서 글을 써 볼까 합니다.


저도 실제로 같이 하면서  다시한번 블로그 속도를 측정해 볼 예정인데 어떤 결과가 나올지 기대가 됩니다.





자 그럼 바로 본론으로 들어가서 총 4가지의 속도 개선 방안에 대해서 알아보겠습니다.


 





1.티스토리 플로그인 정리


티스토리의 플로그인.. 


많이 사용수록 속도가 저하가 크다고 합니다.


이상적인 플로그인 사용 개수는 10개라고 하는데요 


환경 설정 -> 좌측 플로그인 탭으로 가셔서 필요 없거나 안 쓰시는 플로그인은 사용 안 함으로 해주세요!! 

 











2. 온라인 이미지 최적화하기



글을 쓰실 때 이해를 돕기 위해서 이미지를 사용하는 경우가 많습니다.


하지만 이미지의 용량도 블로그 속도에 영향을 미친다고 하는데요 


그 이미지를 최적화하기 위해서는 



먼저 http://optimizilla.com/ko/ 에 접속을 해줍니다.



그럼 화면과 같은 사이트가 뜨는데요 여기서 파일 업로드를 눌러줍니다.











열기 창이 뜰 겁니다. 

거기서 자신이 변환할 사진을 한 장 또는 여려 장을 선택해서 열기해줍니다.


그러면 사진과 같이 자동 변환이 진행됩니다.









자동 변환이 완료되면 사진과 같이 몇 % 압축되었는지가 나오고 우측 하단에 색깔들이라고 쓰여있는 항목에서 

+ , -로 자신이 원하는 크기 압축을 진행하는 것도 가능합니다.


자 완료가 되었다면 

모두 다운로드 눌러주세요 그러면 자신이 압축한 파일이 다운이 되는데 

그 압축 파일을  자신의 블로그 사진으로 쓰시면 됩니다.










3. HTML/CSS 압축하기




이번에는 이미지와 같이 HTML과 CSS를 압축하는 방법입니다.


불필요한 HTML/CSS를 자신이 알고 삭제 등의 최적화를 시키는 것이 제일 좋은 방법이긴 하지만 


이것을 하려면 어느 정도 전문 지식이 필요합니다.


그래서 저와 같이 HTML/CSS 알 못은....... 압축해서 용량을 줄여주는 방법을 사용할 텐데요..




제일 먼저 

http://htmlcompressor.com/compressor/ 에 접속을 해줍니다.


그럼 사진과 같이 웹 홈페이지가 뜰 텐데요 여기서 오른쪽 상단에 Code type의 칸을 클릭해 주세요











자 그럼 사진과 같이 원하는 형식의 파일을 압축 선택할 수가 있는데요 

저희 같은 경우에 여기에서는 HTML/ CSS 압축이 목적이므로 

X/html 이나 CSS를 선택해 주세요  













자 선택하셨으면 사진과 같이 빨간색 네모를 친 흰색 창 자신의 HTML/CSS 를 그대로 복사하셔서 

흰색 빈 창에 붙여넣기 해줍니다 


(여기서 주의사항 !! 하시기 전에 자신의 HTML/CSS 코드를 

메모장 같은 곳에 저장/백업을 꼭 해주세요 

혹시 문제가 생긴다면 바로 돌아갈 수 있기 위한 조치입니다 !!!!!!!!)












자 그리고 마지막으로 

Code type 항목에 있는  (Hide Options)를 눌러주시고 

자신이 원하는 설정을 해줍니다.


영어에 약하신 분들은  저랑 같게 설정을 해주시면 되겠습니다.









자 그럼 마지막으로 맨 밑에 하단의 Compress 를 눌러줍니다.










조금만 기다리시면 압축이 완료되고 우측 상단부분에 어느 정도가 압축되었는지 그래프로 표시됩니다.

마지막으로 하단의 Select All 눌러주시고 코드를 복사 하신 뒤 


압축된 코드를 모두 티스토리 HTML에 그대로 붙여넣기 해주시면 되겠습니다.

저는 HTML의 압축을 했지만 CSS의 압축을 하실분은 같은 형식으로 해주시면 되겠습니다.









4.스킨 변경



마지막 4번.......  최후의 방법입니다.

이렇게까지 했는데도 속도에 큰 변화가 없다고 생각하시는 분은........... 스킨을 변경하시면 되겠습니다..


저 같은 CCZ 스킨을 사용하는 분은 따로 HTML/CSS 에서 코드 변경으로 속도를 높일 수 있는 방법도 있지만..


이건 특정 방법이기 때문에 나중에 소개한다고 치고..  


CCZ 스킨처럼 자신의 스킨의 속도 높이는 방법을 검색해 보았는데 검색 결과가 없고 속도가 엄청 느려서 도저히 안되겠다 

하시는 분은 .. 눈물을 머금고 스킨 변경을 추천드립니다..



....................



이상으로 티스토리 속도 최적화 방법에 대해서 알아보았습니다


앞서 말했던 대로 저도 직접 하면서 이번에 다시 속도를 재었는데요 






(처음 속도 측정)





(현재 측정)


정말 눈에 보이는 결과입니다 !!!!!!!! 


아주 만족이네요 

(하지만 실제로 8초도 굉장히 길게 느껴진다는 게 함정이죵 ㅎㅎ.....ㅠㅡ)






마지막으로 

이번 글을 계기로 속도 향상에 도움이 되셨기를 간절히 기원하면서 


이상 글을 마치겠습니다.


긴 ~~~~~~ 글을 읽어주셔서 정말 감사드립니다 


반응형

댓글