웹 페이지 속도 향상 팁

참고 레퍼런스는 관련링크를 봐주세요~

관련링크에서 제일 효과가 좋은 것만 집어보겠습니다.

우선 자신의 사이트 점수를 매겨봅니다.

크롬 기준으로 확장프로그램에 yslow라는 프로그램을 깝니다. (링크)

그리고 실행할 때 옵션을 바꿉니다.

보통 블로그나 소형 사이트이므로 이렇게 설정해주시면 됩니다.

대형 사이트라면 기본 설정으로 하시구요

전 측정하니 77점이 나왔네요

평점이 C 네요;;

제일 올리기 쉬운 것만 손봤습니다.

바로 F를 받은 Compress components with gzip 부분인데요

gzip 을 활성화 시켜 반응속도를 향상시킵니다.

전 NGINX를 쓰고 있기 때문에 etc/nginx/nginx.conf 파일을 수정했습니다.

## Expires
   expires       1y;
   add_header    Cache-Control  private;
 
##
# Gzip Settings
##
 
gzip on;
gzip_disable "msie6";
gzip_vary on;
gzip_static on;
# gzip_proxied any;
gzip_comp_level 9;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_min_length 0;
gzip_types text/plain image/x-icon text/css application/json application/x-javascript text/xml application/xml application/xml rss text/javascript;

적당히 따라하시면 됩니다.

Expires 부분은 클라이언트 쪽에서 한번 서버 쪽의 파일을 받으면 1년간 캐싱이 된다는 뜻입니다.

물론 파일이 변경되거나 접속기록을 삭제하였을 경우엔 다시 받겠죠. 

그래서 트래픽을 효율적으로 줄일 수 있습니다.

gzip 옵션은 간단하게 압축한다고 보시면 됩니다. 그래서 웹 페이지 속도 향상에 탁월한 효과를 주죠.

conf파일만 수정했습니다. 바로 속도 측정해보죠.

바로 86점으로 향상되었고, 점수도 B로 올랐습니다!!

저는 여기서 점수를 더 올리고 싶어 Minify JavaScript and CSS 를 하기로 했습니다.

js 파일을 축소시키는 사이트는 http://javascriptcompressor.com/

축소시킨 후 점수를 측정했습니다.

무려 89점이나 나왔습니다. 

그런데 문제는 js 파일 효과가 다 사라져버렸습니다 -_-;;;;;

첫화면 이미지 슬라이드도 안되고, 서브메뉴도 안나오고, 공지사항이 다 펼쳐져 있고;;;;;

그래서 다시 복원했습니다 ㅠㅠ

점수 3점 포기하죠뭐...

어쨌든 B점수만 맞아도 괜찮은 것 같아서 만족합니다.