1. script 태그는 body 태그 제일 아래에 두는 것이 좋다

  • 렌더링 엔진의 html 파서가 DOM생성을 하던 중 스크립트 태그를 만나게 되면

    자바스크립트 엔진에게 제어권한을 넘겨줌

  • DOM 트리가 다 형성되지 않았는데 자바스크립트에서 DOM을 조작하려고 하면 문제가 발생하기 때문




2. css는 header에, js는 footer에 두어야 로딩속도를 높일 수 있다.


header가 다 실행되야 body가 실행되기때문

<!DOCTYPE HTML>
<html>
    <head>
        <title> title </title>  
        <meta ~~~>
            
        <link rel="stylesheet" href="https//~~~/css/main.css">
        
    </head>
    <body>
        <script src="https://~~/jQuery-3.3.1.min.js"></script>
        <script src="https://~~/main.js"></script>
    </body>
</html>

저작자표시

'DEV > javascript, jQuery' 카테고리의 다른 글

[javascript] input type=number maxlength 적용 (number 타입 maxlength)  (0) 2020.05.24
[javascript] 함수표현식과 함수선언식의 차이 (호이스팅)  (0) 2020.05.21
[jQuery] 자주 사용하는 jQuery 셀렉터, 함수  (0) 2020.05.18
[jQuery] ajax ( 실제 개발시 사용하는 ajax 문법 )  (0) 2020.05.18
javascript 매개변수와 인수 (arguments 객체, 디폴트 매개변수, 나머지 매개변수)  (0) 2019.11.07

+ Recent posts

티스토리툴바