목록defer (1)

SOOM_BLOG [숨숨 블로그]

[HTML] async vs defer (feat. 드림코딩 by 앨리)

HTML 내 태그 위치에 따른 렌더링 과정을 알아보자! - head내 script를 포함하는 경우 사용자가 웹사이트를 보는데 시간이 많이 소요될 수 있다. - body내 script를 포함하는 경우 사용자가 기본적인 html을 빨리 볼 수 있는 장점은 있지만, 만약 js에 의존적인 웹사이트인 경우 사용자가 정상적인 화면을 보기까지 오래 걸린다. - head + async 를 포함하는 경우 js를 다운로드 받는 시간을 절약할 수 있다. js를 통해 조작하려는 시점에 html이 파싱되지 않으면 에러가 발생할 수 있다. 또한 js를 실행하는 동안 blocked 되기 때문에 여전히 사용자가 웹사이트를 보는데 시간이 꽤 소요될 수 있다. - ⭐️⭐️⭐️ head + defer 를 포함하는 경우 또한, 다수의 스크..
TIL 2022. 3. 25. 17:29
이전 Prev 1 Next 다음