[웹사이트최적화기법][Chapter06] 규칙6 : 스크립트는 아래에 넣어라.

Chapter 06. 스크립트는 아래에 넣어라.

1. 스크립트 문제.

 스크립트의 경우 스크립트 아래에 있는 모든 구성요소의 점진적 렌더링을 막게 된다.

2. 동시 다운로드.

 응답 시간에 가장 큰 영향을 주는 것은 페이지 안에 있는 구성요속의 개수이다. HTTP/1.1 스펙에서는 한 호스트당 동시에 2개의 구성요소를 다운로드하는 것을 제안하고 있다. IE는 레지스트리에 이 값을 저장하고 있고, 파이어폭스는 about:config 페이지 안의 network.http.max-persistent-connections-per-server 설정을 통해 가지고 있다. 야후가 조사한 결과에서는 2개의 호스트 이름을 이용할 때 가장 좋은 성능을 낸다는 것을 알 수 있었다.

3. 동시 다운로드를 막는 스크립트.

 스크립트가 다운되는 동안에는 동시 다운로드가 불가능하다. 첫째로 스크립트가 document.write를 사용하면 브라우저는 응답을 기다린다. 둘째로 페이지에서 적당한 순서로 스크립트가 실행될 수 있게 하기 위해서이다.

4. 최악의 경우: 스크립트를 위에 넣는 경우.

스크립트 아래에 잇는 콘텐츠의 렌더링을 막는다.

스크립트 아래에 있는 구성요소의 다운로드를 막는다.

5. 최상의 경우: 스크립트를 아래에 넣을 경우.

 스크립트를 페이지 아래에 넣는 것이 가장 좋다. 페이지는 렌더링의 방해를 받지 않고 페이지 안에서 눈에 보이는 구성요소는 가능한 한 일찍 다운로드된다.