O'Relly에서 나온 "웹 사이트 최적화 기법 - UI개발자를 위한 필수 지침서" 라는 책을 읽고 제 사이트에 적용하고 있습니다.

챱터 6. 스크립트는 아래에 넣어라.

많은 분들이 알고 계신거고, 또한 객관적인 정확한 자료도 나와 있더라구요.

XE에서는 대부분의 스크립트를 위로 가져와서 처리합니다.

실제로 js 파일이 조금만 늘어나면 메뉴를 클릭했을 때 스크립트 먼저 불러오는 시간떄문에 지연이 발생하더라구요.

공식홈페이지에 들어왔을 때 로딩순서입니다.

보시면 스크립트를 먼저 로드하는데 시간은 거의 발생하지 않지만, 스크립트를 읽으면서 다음 다운로드나 동시 다운로드를 지연시킵니다.





스크립트를 아래로 가져오게 할 수는 없을까요?

(물론, 최적화 방법은 여러가지가 있지만 하나하나 해 나가는 게 좋을 것 같아요. 한꺼번에 말구요.)


아래 주소를 클릭해보세요.
http://stevesouders.com/hpws/move-scripts.php
다운로드 10초짜리 스크립트를 받을 때입니다.(테스트를 위한 스크립트)
왼쪽 화면은 스크립트를 위에 넣었을 때 때이고,
오른쪽 화면은 스크립트를 아래에 넣었을 때의 속도차를 볼 수 있습니다.
현재 XE의 스크립트 로딩 방식은 왼쪽인데요, 조금만 스크립트가 많아지면 정말 이렇게 느려져 버려요.ㅠㅠ