jQuery 스크립트는 </body>바로 앞쪽에 위치시키는 습관
2010.11.12 00:44
최근의 최적화 기술은 자바스크립트가 페이지의 끝 부분에서 브라우저에 의해 로드되는 경우 페이지의 로드가 더 빨라진다고 말하고 있다. 즉 웹 페이지의 밑 부분에 자바스크립트 코드를 둔다면 브라우저가 자바스크립트를 로드하기에 앞서 스크립트 앞에 있는 모든 것들(태그)을 로드한다는 것이다. 일반적으로 대부분의 브라우저는 자바스크립트 엔젠이 웹페이지에 있는 자바스크립트를 컴파일 할 때까지 다른 모든 로딩 처리를 중단하기 때문에 이는 더욱 효과적이다. 웹 페이지 문서의 상단에 자바스크립트를 둔다면 일종의 병목현상이 생길 수 있으니 말이다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/XHTML11/DTD/XHTML11-Transitional.dtd">
<html>
<head>
<title> New Document </title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<p>The Dom is ready!</p>
<p>Can i see this text line?</p>
<script type="text/JavaScript"
src="/jquery/jquery-1.4.3.min.js">
</script>
<script type="text/JavaScript">
alert (jQuery('p').text()); //Dom이 로드되고 실행된다.
</script>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/XHTML11/DTD/XHTML11-Transitional.dtd">
<html>
<head>
<title> New Document </title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<p>The Dom is ready!</p>
<p>Can i see this text line?</p>
<script type="text/JavaScript"
src="/jquery/jquery-1.4.3.min.js">
</script>
<script type="text/JavaScript">
alert (jQuery('p').text()); //Dom이 로드되고 실행된다.
</script>
</body>
</html>
댓글 0
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 10 | javascript로 target="_blank" 같은 형태로 새창띄우기 | jurohan | 2014.12.08 | 1654 |
| 9 | 자바스크립트로 키보드 입력받기 | jurohan | 2014.02.21 | 2453 |
| 8 | 함수 반복 실행 방지 기능 | jurohan | 2014.02.20 | 2289 |
| 7 | javascript 선언한 변수가 없을 경우, 재 선언하는 방법 | jurohan | 2014.01.29 | 408 |
| 6 | jquery를 활용한 비동기통신 예제 | jurohan | 2014.01.07 | 459 |
| 5 | 브라우저 창 가로,세로 크기에 따른 레이아웃 변경 | juro | 2013.10.21 | 2440 |
| 4 | jquery 휠 동작 관련코드 | juro | 2012.10.30 | 3202 |
| 3 | 컨텍스트를 기반으로 DOM탐색하기(Dom 탐색메서드) | juro | 2010.11.14 | 466 |
| » | 스크립트는 </body>바로 앞쪽에 위치시키는 습관 | juro | 2010.11.12 | 419 |
| 1 | jQuery 튜터리얼> [4] | juro | 2010.10.20 | 553 |
