웹 페이지 속도 향상 팁
컨텐츠 정보
- 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점수만 맞아도 괜찮은 것 같아서 만족합니다.
-
등록일 2020.09.18
-
등록일 2020.09.08도커 허브에서 매일 이미지 빌드하기댓글 2
-
등록일 2020.09.08
-
등록일 2020.07.19
관련자료
-
서명우성짱의 NAS를 운영하고 있습니다.
저의 즐거움이 여러분의 즐거움이면 좋겠습니다.
-
링크