블로그 페이지 로딩 속도 개선하기

요즘 들어 제 블로그 페이지의 로딩 속도가 많이 느려진 것 같습니다.

페이지 로딩 속도 개선을 위해 전문가들의 조언을 읽어 보면 크게 세가지로 요약할 수 있을 것 같은데요.

첫째, 텍스트에 웹 폰트를 사용하지 않는다.

둘째, 첨부된 이미지의 용량을 줄여라.

셋째, 스크립트 소스 코드 삽입 최소화입니다.

그런데 저는 두번째 이미지 용량 줄이기는 철저히 준수하지만,텍스트는 구글의 나눔 고딕을 웹폰트로 적용 중이며

웹 로그 분석을 위한 스크립트,광고 배너 스크립트, 기타 필요하다고 생각되는 스크립트는 제거하지 못하겠더라구요.

그래서 잊혀졌던 팁 GZIP 압축 방법으로 페이지를 압축해 보기로 했는데요.

예전 티스토리에서 배포하던 스킨을 사용할 때 적용했던 팁인데, 스킨을 몇번 바꾸는 과정에서 까맣게 잊었던 팁입니다.

티스토리 블로그는 "아파치 서버,php 환경"에서 운영되는 블로그이기 때문에

기본적으로 "GZIP" 라는 압축방법을 통해서 속도를 개선할수 있다고 합니다. 물론 완벽하지는 않지만 블로그 페이지를

압축함으로서 페이지 로딩 속도를 실제 체감할 수 있을 겁니다.

먼저 웹사이트나 페이지 속도를 측정해 주는 Pingdom[바로가기], Webwait [바로가기], GTmetrix [바로가기] 등이

있는데요.

자신의 블로그 메인이나 블로그 페이지 주소를 입력하고 로딩 속도를 테스트해 보세요.

저는 Pingdom에 제가 사는 동네에서 운영하는 펜션과 오토 캠핑장을 소개했던 글을 측정해 봤습니다.

글 주제 속성상 이미지의 용량을 줄이지 않고 원본 그대로 첨부했더니 로딩 속도가 9초 가량으로 측정되었고,

페이지 크기가 5.8mb로 나왔네요.

블로그페이지로딩속도개선_1

그러면 이제 아래의 GZIP 소스 코드를 블로그 관리자 화면 HTML/CSS 편집 skin.html <html>윗 부분에 붙여넣어 봅시다.

<?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandler"); else ob_start(); ?>

블로그페이지로딩속도개선_2

스킨을 저장하시고 GZIP 테스트 사이트 [바로가기]로 이동해 블로그 페이지 주소를 입력하고 check compression 버튼을

누르면 잠시 후 압축율을 보여 주는데, 확인하시구요.

블로그페이지로딩속도개선_3

그리고 다시 페이지 속도를 테스트해 주는 사이트에 접속해 동일한 주소를 입력하고 테스트해 보세요.

저의 경우 페이지 크기가 0.1mb 가벼워 졌고 로링 속도도 3초 가량 빨라 졌군요.

블로그페이지로딩속도개선_4

페이지 속도 테스트는 위에 열거한 사이트마다, 접속한 때에 따라 약간씩 다를 수 있습니다.

그러나 GZIP 소스 코드 삽입만으로 약간의 로딩 속도 개선의 효과는 볼 수 있는 것 같지 않습니까?

새터의태양