Category: 여기는 티스토리 2009. 7. 27. 09:12

[기타] 웹 페이지 로딩 타임을 줄이는 15가지 방법

반응형

15 Quick Ways to Shrink Page Load Times

원문: 15 Quick Ways to Shrink Page Load Times

 

웹 페이지 로딩 타임을 줄이는 15가지 방법

1. A basic site analyzer

http://www.websiteoptimization.com/services/analyze/ 를 이용해 사이트를 분석한다

분석을 하면 웹 사이트에 관한 종합적인 정보를 알려주는데 특히 Html Script Img 관련 정보를 중점적으로 보면 된다

 

2. Pingdom

사이트 로딩 시간을 체크한다. 특히 깨진 이미지와 경로가 있는 경우에 치명적이기 때문이다

http://tools.pingdom.com/

여러 개의 사이트를 비교해서 보려면 아래 사이트를 참고하면 된다

http://www.selfseo.com/website_speed_test.php

사용자 삽입 이미지

 

3. Host files locally

이미지 파일 등을 외부에 업로드하여 링크하지 말아야 한다

이 경우는 자신의 홈피나 블로그에 필요한 파일 등은 해당 서버에 직접 올리라는 것이다

 

4. Use image heights and widths

Img 태그 속성에 높이 넓이를 반드시 추가해야 한다

이건 전혀 몰랐던 건데 이미지의 사이즈를 모르면 웹 브라우저가 이미지가 완전히 로드될 때까지 대기한단다

기본적으로 사이즈가 큰 이미지를 페이지에 작게 표시할 때는 그 사이즈만큼 줄여서 업로드해야 하는 것은 알고 있었는데 태그 속성까지 넣어줘야 하는 것인 줄은 몰랐다

 

5. Reduce widgets

위젯을 줄여야 한다, 이건 머 당연한 소리인데 특히 위젯이 먹통이 된 경우가 아주 골치

 

6. Use static caching

7. Accelerators

8. Firebug

6/7번 사항은 블로거하고는 상관이 없고 8번의 Firebug는 파이어폭스 확장기능인데 파이어폭스 사용자면 모를까 아니면 무용지물

 

9. CSS shrinker

CSS를 최적화하라는 것으로 불필요한 CSS나 중복 공백 등을 줄이라는 것인데 어쩌다 한 번 업데이트하는 것이라면 모를까...

 

10. Server from multiple domains

여러 도메인을 사용하라는 것인데 블로거하고는 상관 없으므로 패스~

 

11. Cut back on cookies

12. Use a different domain for cookie-free resources

이것은 과도한 쿠키 사용을 피하라는 것인데 필요에 의해서 쿠키가 사용되는 만큼 그것을 일일이 체크하기는 어렵다

물론 쿠키 사용 여부에 따라서 사이트 로딩 속도는 차이가 날 수는 있지만 그럼 사이트가 제대로 동작을 안 한다

이건 빈대 무서워 초가산간 태우는 격!

 

13. Shrink your javascript

9번과 같은 내용

 

14. Combine javascript files

여러 개의 자바스크립트 파일을 하나로 통합하라는 것으로 이것 역시 반드시 해야 하는 작업이다

통합할 수 없는 스크립트를 제외하고 전부 통합하는 것이 좋다

 

15. Use a content delivery network

CDN 네트워크를 사용하라는 것인데 국내 사용자는 별 관계가 없다. 상관이 있나?

 

요약하면 1/2단계에서 분석하고 3/4/5/14단계는 필수로 9/13은 옵션으로 실행하면 된다

반응형