웹사이트 로딩속도 향상 시키기

가벼운 웹사이트 만들기


구체적이지는 않지만 잘 정리된 블로그다.
물론 전부 적용하면 빠르겠지만, 해보면 알겠지만 유지보수에 손이 많이 간다.

예를 들어..
이미지 스프라이트의 경우 이미지가 추가 될때마다 CSS가 추가된다.
브라우저캐싱을 활용하면 이미지,css,js파일등이 변경될때마다 주소값이 변경되어야 한다.
css,js 압축시 수정사항이발생될때마다 압축하는 작업이 필요한다.
등등등... 물론 수고한 만큼 성능으로 돌아온다. ^^;


수정되어야 할 부분이 있다면 SNS공유 버튼은 사이즈가 크고 페이지 내용을 모두 보여지기 전에 로드가 되니 문제가 된다는 부분이다.
구글+ 의 경우 비동기 자바스크립트 로딩 방법을 사용해서 페이지 로드지연을 방지 할수있고.. 같은 주소를 사용함으로 그때 그때 받지 않고 브라우저 캐시를 사용해서 로딩 시킬 확률이 높을거 같다. 물론 결과적으로 없는게 빠르다.

체감속도가 느껴지는 작업
1. 자바스크립트 </body>부분 이동
2. 이미지 로딩 지연
3. 브라우저 캐시 극대화

결과적으로 HTTP 컨넥션을 줄이고 전송 트레픽양을 줄이는 것이 관건이다.

https://developers.google.com/speed/pagespeed/insights/

사이트 주소를 넣어보자 고쳐야 하는 부분들이 한글로 친절히 알려준다.