묻고답하기
구글 페이지스피드 측정으로 본 속도개선 ...
2014.01.18 00:19
http://developers.google.com/speed/pagespeed/insights/?url=mohae.kr
이게 제사이트 속도 측정결과입니다..
각종 방법들이 나오지만 적용할줄모르는 넘슬픈상황입니다..
우선 하나씩 독파를 해보려고 하는데요..
우선 브라우저 캐싱부터 해보려고합니다.
- 구글에서 속도 채크해보니 아래 것들을 브라우저캐싱을 사용해보라고하더라구요
그래서 사용해보려고하는데 적용법을 모르겠네요 ㅠ
- http://mohae.kr/…dons/autolink/autolink.js?20131014051052 (30분)
- http://mohae.kr/…ealt/js/changetitlealt.js?20130922223208 (30분)
- http://mohae.kr/…prettyphoto/css/addon.css?20131104141140 (30분)
- http://mohae.kr/…photo/css/prettyPhoto.css?20131104141140 (30분)
- http://mohae.kr/…s/prettyphoto/js/addon.js?20131104141140 (30분)
- http://mohae.kr/…/js/jquery.prettyPhoto.js?20131104141140 (30분)
- http://mohae.kr/…ge/js/resize_image.min.js?20131014051054 (30분)
- http://mohae.kr/common/css/xe.min.css?20131014051035 (30분)
- http://mohae.kr/common/js/jquery.min.js?20131014051036 (30분)
- http://mohae.kr/…/plugins/ui/jquery-ui.css?20131014051037 (30분)
- http://mohae.kr/…ugins/ui/jquery-ui.min.js?20131014051037 (30분)
- http://mohae.kr/…query.ui.datepicker-ko.js?20131014051037 (30분)
- http://mohae.kr/common/js/x.min.js?20140112013622 (30분)
- http://mohae.kr/common/js/xe.min.js?20140112013606 (30분)
- http://mohae.kr/…dca5dda5bf0384edc09.ko.js?20140114195422 (30분)
- http://mohae.kr/…rap/css/bootstrap.min.css?20131124194626 (30분)
- http://mohae.kr/…/css/font-awesome.min.css?20131124194626 (30분)
- http://mohae.kr/…p/css/simplestrap.min.css?20131124194626 (30분)
- http://mohae.kr/…p/custom/custom_style.css?20140114014849 (30분)
- http://mohae.kr/…strap/js/bootstrap.min.js?20131124194625 (30분)
- http://mohae.kr/…p/js/jquery.cookie.min.js?20131124194625 (30분)
- http://mohae.kr/…skins/tb_cw/css/tb_cw.css?20130928012147 (30분)
- http://mohae.kr/…ins/tb_cw/js/tb_cw_tab.js?20130928012147 (30분)
- http://mohae.kr/…pdatenews/css/default.css?20131109180121 (30분)
- http://mohae.kr/…datenews/js/updatenews.js?20131109175851 (30분)
- http://mohae.kr/…s4utabview/css/widget.css?20140117193414 (30분)
- http://mohae.kr/…view/js/content_widget.js?20140117193414 (30분)
- http://mohae.kr/…/jquery.responsiveTabs.js?20140117193414 (30분)
이것들인데 우선 .htaccess 에서 해야되는것같아서
그중 가장 연관성잇을것같은걸찾아보니까 아래인데
아래에 지금 제가사용하고있는설정에서 어떻게 수정 추가해야할까요? ㅠ
#Option 08
<IfModule mod_expires.c>
ExpiresActive on
ExpiresDefault "access plus 1 month"
ExpiresByType text/cache-manifest "access plus 0 seconds"
ExpiresByType text/html "access plus 0 seconds"
ExpiresByType text/xml "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType application/json "access plus 0 seconds"
ExpiresByType application/rss+xml "access plus 3 hour"
ExpiresByType application/atom+xml "access plus 3 hour"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType video/ogg "access plus 2 month"
ExpiresByType audio/ogg "access plus 2 month"
ExpiresByType video/mp4 "access plus 2 month"
ExpiresByType video/webm "access plus 2 month"
ExpiresByType text/x-component "access plus 1 year"
ExpiresByType application/x-font-ttf "access plus 1 year"
ExpiresByType font/opentype "access plus 1 year"
ExpiresByType application/x-font-woff "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
ExpiresByType text/css "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"
</IfModule>
브라우져 캐싱이라지만 기본적으로 브라우져에서 다운받아서 사용하기때문에 처음만 그렇지
다음 접속시에는 동일하다면 다운받지 않을 듯 하네요.
XE 같은경우에도 본다면 레이아웃을 읽을 때 캐싱을 기본적으로 files/cache 폴더에 넣어둡니다.
그걸 읽어와서 표현하기때문에 속도저하가 적게 되어지도록 만든것으로 알고 있습니다.
다만 압축인데 이걸 코드마다 css 와 js 파일을 띄워쓰기 등을 없애는 압축을 해서 용량을 줄여버리고
필요없는 css 코드를 지움으로서 용량으로 속도 향상이 있을 수 있다고 보여지네요.
레이아웃을 다운받아서 사용하시더라도 필요없는 색상 설정 등의 css 코드부터 정리하시는 것이 처음
으로 하는것이라고 생각합니다. ^^