본문 바로가기
프로그램/Javascript

웹페이지 랜더링 속도를 높이기 위한 javascript 코드 지연

by 로드러너 2014. 1. 19.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

첫번째

<script> 요소를 <head> 안이 아니라 <body> 요소의 바로 위에 적는다.

이렇게 하면 웹페이지 랜더링을 끝낸 후에 <script> 요소를 로딩하게 됩니다. 단,  특별한 경우가 아니라면 <head> ~  </head> 사이에 <script> 를 위치시킨다.

두번째

특정 솔루션이나 프레임을 사용하면서 <script>의 위치를 첫번째 방법처럼 할 수 없을 때는 <script> 속성 defer 의 값을 "defer" 로 설정 함으로써 그 해석을 지연 시킬 수 있다.

     

<script type=”text/javascript” defer=”defer”>

단, 이 방법은 Internet Explorer 에서만 가능하다. 이 방법이 W3C 표준임에도 불구하고 다른 브라우저는 정확히 지원하지 못한다.