웹 사이트 최적화 기법

A 앞단 성능의 중요성
웹 페이지 성능 추적 1
시간은 어디에서 소비될까? 4
성능 황금률 5

B HTTP의 이해
압축 10
조건부 GET 요청 11
만료기한 12
Keep-Alive 12
더 많은 정보 13

제1장 규칙 1: HTTP 요청을 줄여라
이미지 맵 15
CSS Sprite 17
인라인 이미지 20
스크립트와 스타일시트의 결합 22
결론 24

제2장 규칙 2: 콘텐츠 전송 네트워크를 이용하라
콘텐츠 전송 네트워크 26
절감 효과 28

제3장 규칙 3: 헤더에 만료기한을 추가하라
헤더의 만료기한 32
max-age와 mod_expires 속성 32
빈 캐시 와 꽉 찬 캐시 34
이미지 그 이상으로 36
파일 이름 의 활용 38
예제 39

제4장 규칙 4: Gzip 컴포넌트
압축을 적용하는 방법 42
무엇을 압축해야 하는가? 42
압축률 44
설정 44
프록시 캐싱 46
예외적인 경우 47
Gzip의 효과 49

제5장 규칙 5: 스타일시트는 위에 넣어라
점진적인 렌더링 52
sleep.cgi 53
빈 흰색 스크린 54
스타일이 뒤늦게 적용되는 콘텐츠 58
엔지니어는 무엇을 선택할 것인가? 59

제6장 규칙 6: 스크립트는 아래에 넣어라
스크립트의 문제 61
동시 다운로드 62
동시 다운로드를 막는 스크립트 65
최악의 경우: 스크립트를 위에 넣는 경우 66
최상의 경우: 스크립트를 아래에 넣을 경우 67
정리 68

제7장 규칙 7: CSS Expression을 피하라
Expression의 업데이트 72
이 문제를 피해서 적용하는 방법 73
결론 75

제8장 규칙 8: 자바스크립트와 CSS를 외부 파일에 넣어라
외부 파일 vs 인라인 코드 77
실 서비스 현장에서의 일반적인 선택 81
홈페이지 81
두 가지 방법의 장점만을 모아서 82

제9장 규칙 9: DNS 조회를 줄여라
DNS 캐싱 과 TTL 88
브라우저 입장에 본 DNS 조회 91
DNS 조회를 줄이자 94

제10장 규칙 10: 자바스크립트를 최소화하라
최소화 95
난독화 96
얼마나 절약되는가? 97
예제 100
금상첨화 101

제11장 규칙 11: 리다이렉트를 피하라
리다이렉트 타입 105
리다이렉트가 성능에 미치는 영향 107
리다이렉트의 대안 109

제12장 규칙 12: 중복되는 스크립트를 제거하라
스크립트가 중복되는 상황 117
스크립트 중복이 성능에 주는 악영향 118
중복 스크립트를 피하는 방법 120

제13장 규칙 13: ETag를 설정하라
ETag란 무엇인가? 123
ETag의 문제 126
ETag: 사용해야 하나 버려야 하나? 128
실제 사이트의 ETag 129

제14장 규칙 14: 캐시를 지원하는 Ajax 만들기
웹 2.0, DHTML, Ajax 133
‘비동기’와 ‘즉시’는 같은가? 136
Ajax 요청의 최적화 137
실제 사이트의 Ajax 캐싱 138

제15장 미국 상위 10개 사이트의 분석
페이지의 무게, 응답 시간, YSlow 등급 143
어떻게 테스트했는가? 146
아마존(Amazon) 148
AOL 151
CNN 155
eBay 157
구글(Google) 161
MSN 165
마이스페이스(MySpace) 169
위키피디아(Wikipedia) 172
야후(Yahoo!) 174
유튜브(YouTube) 177

찾아보기 181