노트

  • 홈
  • 태그
  • 방명록

async 1

[HTML] async와 defer

asyncscript의 async 속성은 html을 파싱하면서 병렬적으로 js 파일을 다운로드 받습니다.스크립트를 비동기적으로 로드하고, 로드가 완료되면 즉시 실행합니다. 이 속성을 사용하면 다른 리소스(이미지, 스타일 시트 등)와 병렬로 다운로드되므로 페이지 로딩이 빨라질 수 있습니다. 그러나 스크립트의 실행 순서는 보장되지 않습니다. 즉, 다른 스크립트나 문서 구조에 의존하는 스크립트의 경우 문제가 발생할 수 있습니다.요약장점: 다운로드 하는 시간을 줄일 수 있음단점: DOM 요소를 자바스크립트 파일 내에서 조작할 시 문제가 발생할 수 있음 deferscript의 defer 속성은 html의 파싱이 끝나면 js 파일을 다운로드 받습니다.스크립트를 비동기적으로 로드하지만, 다른 리소스와 독립적으로 로드..

HTML 2024.02.16
이전
1
다음
더보기
프로필사진

노트

  • 분류 전체보기 (9)
    • CSS (3)
    • HTML (1)
    • REACT (0)
    • JS (2)
    • Design Pattern (0)
    • IDE (1)
    • NextJS (0)
    • Network (0)
    • TS (0)
    • WEB (0)
    • GIT (2)

Tag

브라우저렌더링, 브라우저, commit, commit message, defer, PX, REM, commit convention, async, CSS, 렌더링, js, script, em, 웹디자인, git, 반응형, keyframes, HTML,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바