웹서버 분류

웹 페이지 속도 향상 팁

컨텐츠 정보

  • 16,667 조회
  • 2 댓글
  • 0 추천
  • 목록

본문

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

 

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

 

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

 

크롬 기준으로 확장프로그램에 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점수만 맞아도 괜찮은 것 같아서 만족합니다.





관련자료

댓글 2
전체 43 / 4 페이지
RSS

최근글


새댓글


알림 0