포럼
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
보시면 스크립트를 먼저 로드하는데 시간은 거의 발생하지 않지만, 스크립트를 읽으면서 다음 다운로드나 동시 다운로드를 지연시킵니다.
스크립트를 아래로 가져오게 할 수는 없을까요?
(물론, 최적화 방법은 여러가지가 있지만 하나하나 해 나가는 게 좋을 것 같아요. 한꺼번에 말구요.)
아래 주소를 클릭해보세요.
http://stevesouders.com/hpws/move-scripts.php
다운로드 10초짜리 스크립트를 받을 때입니다.(테스트를 위한 스크립트)
왼쪽 화면은 스크립트를 위에 넣었을 때 때이고,
오른쪽 화면은 스크립트를 아래에 넣었을 때의 속도차를 볼 수 있습니다.
현재 XE의 스크립트 로딩 방식은 왼쪽인데요, 조금만 스크립트가 많아지면 정말 이렇게 느려져 버려요.ㅠㅠ
XE가 느린 이유 중 하나..
2011.08.17 15:29
O'Relly에서 나온 "웹 사이트 최적화 기법 - UI개발자를 위한 필수 지침서" 라는 책을 읽고 제 사이트에 적용하고 있습니다.
챱터 6. 스크립트는 아래에 넣어라.
많은 분들이 알고 계신거고, 또한 객관적인 정확한 자료도 나와 있더라구요.
XE에서는 대부분의 스크립트를 위로 가져와서 처리합니다.
실제로 js 파일이 조금만 늘어나면 메뉴를 클릭했을 때 스크립트 먼저 불러오는 시간떄문에 지연이 발생하더라구요.
공식홈페이지에 들어왔을 때 로딩순서입니다.
보시면 스크립트를 먼저 로드하는데 시간은 거의 발생하지 않지만, 스크립트를 읽으면서 다음 다운로드나 동시 다운로드를 지연시킵니다.
스크립트를 아래로 가져오게 할 수는 없을까요?
(물론, 최적화 방법은 여러가지가 있지만 하나하나 해 나가는 게 좋을 것 같아요. 한꺼번에 말구요.)
아래 주소를 클릭해보세요.
http://stevesouders.com/hpws/move-scripts.php
다운로드 10초짜리 스크립트를 받을 때입니다.(테스트를 위한 스크립트)
왼쪽 화면은 스크립트를 위에 넣었을 때 때이고,
오른쪽 화면은 스크립트를 아래에 넣었을 때의 속도차를 볼 수 있습니다.
현재 XE의 스크립트 로딩 방식은 왼쪽인데요, 조금만 스크립트가 많아지면 정말 이렇게 느려져 버려요.ㅠㅠ
댓글 6
-
SMaker
2011.08.17 19:47
-
씨지
2011.08.17 20:26
~@.@~ -
misol
2011.08.17 22:08
모듈 클래스를 부르기만 해도 언어를 로드하는건 문제가 있다고 생각해요. 하위 호환성을 위해 로드하는것을 기본 세팅으로 하더라도 로드하지 않도록 하는 방법도 있어야 한다 생각해요.. -
SMaker
2011.08.17 23:23
conf/module.xml에서 선언할 수 있었으면 좋겠네요.
<action name="어쩌고저쩌고" load_lang_file="false" />
이런식으로요 -
sol
2011.08.23 20:49
XE에서는 jQuery등 일부 공통으로 사용하는 스크립트는 html head에 그 외 스크립트는 body 하단에 출력하고 있습니다.
아무래도 framework 이다 보니 스크립트 파일 수 가 많은 편입니다.
이부분을 XE1.5에서는 CDN을 이용하여 최적화할 예정입니다. -
Treasurej
2011.08.23 21:41
와우!! 완전 좋은 소식이군요~ 감격ㅠㅠ
글쓴이 | 제목 | 최종 글 |
---|---|---|
푸시아 | 지지샵 실물몰 무제한 옵션추가 기능 작업중 [10] | 2014.02.21 by Volun |
XE | XE 1.7.5-beta1 배포 및 테스트 [9] | 2014.03.24 by Volun |
카르마 | PC에 개발환경 구축하기... [1] | 2011.01.19 by ForHanbi |
백성찬 | r8036 까지에서 db 관련 에러 [2] | 2011.01.23 by ㅇㅎㅇㅀㅇㅀ |
지오426 | 위젯 스타일 버그 보고 | |
獨立軍 | 개발자님께~~ | |
hika1 | xml 필터 삽입 신문법 오류 [3] | 2011.02.25 by 이택준 |
rjsoo | 페이지 수정 에서 widget.js 에러 대한 질의- 답변이 없어서 이곳에 질의 합니다. | |
씨지 | 앵커 #comment ~ 링크클릭시 레이아웃이 위로 밀리는...ㅠㅠ [3] | 2011.03.04 by 씨지 |
씨지 | 페이스북 친화적 코딩이란 어떤것일까요? XE는 과연?? [12] | 2011.04.05 by 씨지 |
매실茶 | 무슨 에러인지 설명해주실 분 계신가요? [2] | 2011.04.03 by 매실茶 |
유샤인 | XE 1.4.5와 IE9 의 "충돌???" [2] | 2011.04.04 by 유샤인 |
Cody | <XEED>UI 이런 것이 가능한지요? [7] | 2011.04.11 by Cody |
준돌이 | 쉬운설치 오류메세지 어떻게 해야하죠? [2] | 2011.05.08 by 김창호568 |
뉴클리어 | 생일 수정 불가능 현상 [1] | 2011.05.09 by sol |
Xiso | xml쿼리에 notlike 지원 | |
Treasurej | XE가 느린 이유 중 하나.. [6] | 2011.08.23 by Treasurej |
씨지 | 신 템플릿 문법에서 조건문 cond에 조건A && 조건B를 동시에 넣는것 [21] | 2011.09.14 by Cody |
식쵸 | webmatrix로 xe를 설치해서 살펴본 회원 테이블의 extra_vars에 이런 값이 있더군요. [2] | 2011.09.21 by 식쵸 |
Treasurej | 레이아웃 설정에 탭과 위아래 버튼을 달아봤습니다.^^ [7] | 2011.10.07 by 착한악마 |
XE 같은 경우 확장성을 위해서 불필요한 파일을 불러들이기도 합니다.
자바스크립트나 CSS 최적화로 인한 효과는 생각보다 큽니다.
하지만 클라이언트 Side에서 최적화한다고 해도 어느순간 한계에 다다르게 될테지요.
근본적인 원인은 서버 Side에 있습니다.
그 원인 중 가장 심각한 현상이 메모리 누수현상입니다.
모듈을 실행하거나 DB 쿼리를 실행할 때 막대한 양의 메모리가 세어나가고 있습니다.
모듈의 경우 다국어 지원을 위해 language 파일을 불러들이고 있습니다.
language 파일에 선언된 언어들은 직접 PHP 변수에 할당되고 있을뿐 아니라 Context 클래스의 맴버변수에도 할당하고 있습니다.
불필요하게 선언되는 언어로 인해 서버의 자원이 낭비되고 있습니다.
DB 쿼리를 실행할 경우에는.... 생각만해도 머리가 아프군요;;