JavaScript
async defer html 어디에서 javascipt 를 부를까?
html head 에 javascript 자바스크립트 body 에 javascript 사용자에게 어떤 순서로 페이지가 보여질까? 사용자가 페이지에 접속했을 때 (html 파일을 다운 받았을 때) 브라우저가 해당 파일을 위에서 부터 아래로 한줄 씩 분석(Parsing) 합니다. 그리고 링크 된 css 파일과 함께 DOM 요소로 변환합니다. 자바스크립트 파일이 html 에 있는 경우, JS 파일의 크기가 크면 html 전체 페이지를 분석하기도 전에 JS 파일을 분석하느라 페이지가 느리게 분석되어 사용자가 느리게 느낍니다. 자바스크립트 파일을 html 끝 부분에 넣으면, 해당 페이지의 html 을 다 훑은 후 마지막에 JS 파일을 분석하여 사용자는 먼저 페이지를 보게 됩니다. 단, JS 파일의 분석이 마지막에..
2022. 7. 31. 08:38