웹 사이트를 보다 빠르게 로드하길 원하는가? 이 책은 사용자가 웹 페이지를 요청할 경우, 응답 시간을 20~25%나 절감할 수 있는 14개의 규칙에 대해서 설명하고 있다. 이 책에서 소개하고 있는 14개의 규칙으로 야후 검색과 야후 메인 페이지는 이전보다 훨씬 빠른 로딩을 방문자에게 선사하고 있다. 여러분도 이 간단한 성능 가이드를 이용한다면 야후 못지않은 빠른 사이트를 만들 수 있을 것이다.
웹 사이트를 보다 빠르게 로드하길 원하는가? 이 책은 사용자가 웹 페이지를 요청할 경우, 응답 시간을 20~25%나 절감할 수 있는 14개의 규칙에 대해서 설명하고 있다. 이 책의 저자인 스티브 사우더스는 야후에서 성능 최적화 부서의 책임을 맡고 있으며, 웹 페이지를 최적화하고 빠르게 만드는 최선의 방법들을 수집해 오고 있다. 이 책에서 소개하고 있는 14개의 규칙으로 야후 검색과 야후 메인 페이지는 이전보다 훨씬 빠른 로딩을 방문자에게 선사하고 있다. 여러분도 이 간단한 성능 가이드를 이용한다면 야후 못지않은 빠른 사이트를 만들 수 있을 것이다.

이 책에서 다루는 규칙들은 사이트를 만들 때 사용하는 Ajax, CSS, JavaScript, Flash 그리고 이미지와 같은 구성요소들을 어떻게 최적화할 수 있을지에 대한 내용이다. 각각의 성능 규칙들은 예제들을 제공하고 부분적으로 사용이 가능하다. 이 책에서 다루고 있는 14가지 규칙들은 다음과 같다.

- HTTP 요청을 줄여라
- 콘텐츠 전송 네트워크를 이용하라
- 헤더에 만료기한을 추가하라
- Gzip 컴포넌트
- 스타일시트를 위에 넣어라
- 스크립트를 아래에 넣어라
- CSS Expression을 피해라
- 자바스크립트와 CSS를 외부파일에 넣어라
- DNS 조회를 줄여라
- 자바스크립트를 최소화하라
- 리다이렉트를 피하라
- 중복되는 스크립트를 제거하라
- ETag를 설정하라
- 캐시를 지원하는 Ajax 만들기

이 책은 먼저 서론 두 장을 다룬 후에 이 책의 주요 내용인 14가지 성능 규칙을 다루게 된다. 14가지의 규칙은 중요한 순서대로 장마다 한 가지 규칙이 소개된다. 이 책의 규칙들이 모든 사이트에 적용되어서는 안 되며, 모든 사이트에 동일한 방식으로 적용되어서도 안 된다. 즉, 각 규칙을 적용해도 좋을지 고려해 봐야 할 것이다. 이 책의 마지막 장은 실제 사례를 통하여 웹 페이지의 성능을 분석하는 방법을 다루게 된다.

A장 “앞단 성능의 중요성”에서는 웹 페이지를 보여주기 위해 걸리는 전체 시간 중 최소 80%가 HTML 문서가 다운로드된 이후에 일어난다는 것을 설명한다. 그리고 이 책에서 다루는 기술들의 중요성에 대해서 설명한다.
B장 “HTTP의 이해”에서는 HTTP를 간단히 소개하고 성능과 관련된 중요한 부분을 살펴본다.
1장 “규칙 1: HTTP 요청을 줄여라”에서는 왜 필요 이상의 HTTP 요청이 성능에 가장 큰 영향을 미치는지 설명한다. 그리고 이미지 맵, CSS Sprite, 인라인 이미지를 포함하고 있는 HTTP 요청(data: URL 스키마) 그리고 스크립트와 스타일시트를 합치는 등의 내용을 살펴본다.
2장 “규칙 2: 콘텐츠 전송 네트워크를 이용하라”에서는 콘텐츠 전송 네트워크를 이용하면서 얻을 수 있는 장점들을 살펴본다.
3장 “규칙 3: 헤더에 만료기한을 추가하라”에서는 간단한 HTTP 헤더가 브라우저의 캐시를 이용하게 함으로써 웹 페이지를 개선할 수 있는 방법을 살펴본다.
4장 “규칙 4: Gzip 컴포넌트”에서는 압축이 어떻게 작동하는지 그리고 사용하고 있는 웹 서버의 설정 방법, 현재 존재하고 있는 여러 호환성 문제에 대해 살펴본다.
5장 “규칙 5: 스타일시트는 위에 넣어라”에서는 스타일시트가 웹 페이지에서 렌더링에 어떤 영향을 주는지를 살펴본다.
6장 “규칙 6: 스크립트는 아래에 넣어라”에서는 스크립트가 브라우저 안에서 렌더링과 다운로드에 어떤 영향을 주는지를 살펴본다.
7장 “규칙 7: CSS Expression을 피하라”에서는 CSS의 표현에 대한 사용과 CSS 양을 정량화하는 것의 중요성을 살펴본다.
8장 “규칙 8: 자바스크립트와 CSS를 외부 파일에 넣어라”에서는 외부에 존재하는 자바스크립트나 CSS 파일을 페이지에 넣는 것에 대한 이야기를 나눈다.
9장 “규칙 9: DNS 조회를 줄여라”에서는 도메인 이름의 변환 작업에 있어 간과할 수 있는 중요한 부분을 살펴본다.
10장 “규칙 10: 자바스크립트를 최소화하라”에서는 공백을 줄임으로써 얻는 이익을 살펴본다.
11장 “규칙 11: 리다이렉트를 피하라”에서는 리다이렉트를 사용할 때 발생할 수 있는 위험요소와 리다이렉트 대신 사용할 수 있는 대안을 살펴본다.
12장 “규칙 12: 중복되는 스크립트를 제거하라”에서는 한 페이지에서 한 스크립트를 두 번 포함하고 있을 때 일어나는 일들을 살펴본다.
13장 “규칙 13: ETag를 설정하라”에서는 ETag로 작업하는 방법과 기본적인 구현이 한 대 이상의 웹 서버로 구성하는 경우에 왜 안 좋은지를 살펴본다.
14장 “규칙 14: 캐시를 지원하는 Ajax 만들기”에서는 Ajax를 이용할 때 이러한 성능 규칙들을 염두하고 이 규칙을 지켜야 하는 이유에 대해서 살펴본다.
15장 “미국 상위 10개 사이트의 분석”에서는 실제의 웹 사이트에서 성능을 어떻게 개선해야 할지에 대한 예를 살펴본다.

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