포럼

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

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

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

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

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

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

xe_js_load.jpg


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



xe_script.jpg

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

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


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

글쓴이 제목 최종 글
銀童 documentModel->setToAllDocumentExtraVars 개선 필요 file  
hika1 모듈 설정 화면에서 체크박스 사용 건의 [2] file 2011.12.10 by hika1
황비 재현해 주실분 안계신가요? 내용에 값을 입력해 주세요 [3] file 2011.11.19 by 황비
하리+_+ XE 검은색 사이트 쪽지함 및 친구 목록 색 미지원 [1] file 2011.10.20 by misol
Treasurej 레이아웃 설정에 탭과 위아래 버튼을 달아봤습니다.^^ [7] file 2011.10.07 by 착한악마
식쵸 webmatrix로 xe를 설치해서 살펴본 회원 테이블의 extra_vars에 이런 값이 있더군요. [2] file 2011.09.21 by 식쵸
씨지 신 템플릿 문법에서 조건문 cond에 조건A && 조건B를 동시에 넣는것 [21] file 2011.09.14 by Cody
Treasurej XE가 느린 이유 중 하나.. [6] file 2011.08.23 by Treasurej
Xiso xml쿼리에 notlike 지원 file  
뉴클리어 생일 수정 불가능 현상 [1] file 2011.05.09 by sol
준돌이 쉬운설치 오류메세지 어떻게 해야하죠? [2] file 2011.05.08 by 김창호568
Cody <XEED>UI 이런 것이 가능한지요? [7] file 2011.04.11 by Cody
유샤인 XE 1.4.5와 IE9 의 "충돌???" [2] file 2011.04.04 by 유샤인
매실茶 무슨 에러인지 설명해주실 분 계신가요? [2] file 2011.04.03 by 매실茶
씨지 페이스북 친화적 코딩이란 어떤것일까요? XE는 과연?? [12] file 2011.04.05 by 씨지
씨지 앵커 #comment ~ 링크클릭시 레이아웃이 위로 밀리는...ㅠㅠ [3] file 2011.03.04 by 씨지
rjsoo 페이지 수정 에서 widget.js 에러 대한 질의- 답변이 없어서 이곳에 질의 합니다. file  
hika1 xml 필터 삽입 신문법 오류 [3] file 2011.02.25 by 이택준
獨立軍 개발자님께~~ file  
지오426 위젯 스타일 버그 보고 file