웹사이트 속도 향상 방법

Best Practices for Speeding Up Your Web Site

웹사이트 속도 향상 방법

웹사이트 성능을 개선하는 방법

1 목록

• HTTP 요청 최소화
  • CSS 스프라이트 사용
  • 이미지 맵 사용
  • 인라인 이미지 사용
• CDN 사용
• Expires 또는 Cache-Control 헤더 추가
• Gzip Components 사용
• 스타일시트는 상단에 배치
• 자바스크립트는 하단에 배치
• CSS 익스프레션 지양
• 자바스크립트와 CSS는 별도 파일로 분리
• DNS 룩업 최소화
• 자바스크립트, CSS 소형화(minification)
• 리다이렉트 지양
• 중복 스크립트 제거
• ETag 설정
• Ajax를 캐시가능하게 하기
• 버퍼 빨리 비우기
• AJAX 요청에 대해 GET 방식 사용
• DOM 요소 개수 줄이기
• 도메인간 컴포넌트 분리
• iframe 개수 최소화
• 404 페이지 최소화
• 쿠키 크기 줄이기
• 쿠키-프리 도메인 사용
• DOM 접근 최소화
• 스마트 이벤트 핸들러 개발
• @import 대신 <link> 태그 사용
• 이미지 필터 사용 지양
• 이미지 최적화
• CSS 스프라이트 최적화
• HTML에서 이미지 크기조절 지양
• favicon.ico 를 작고 캐시가능하게 하기
• 컴포넌트는 25KB 이하로 유지
• 멀티파트 문서로 컴포넌트 집약
• 빈 이미지 src 지양

2 같이 보기

• HTTP 헤더 필드
• 구글 PageSpeed Insights

3 참고

• https://developer.yahoo.com/performance/rules.html