본문 바로가기

Salangdung_i의 기록

검색하기
Salangdung_i의 기록
프로필사진 Salangdung_i

  • 분류 전체보기 (102)
    • WEB FRONT END (53)
      • React (8)
      • JavaScript (3)
      • HTML5+CSS (20)
      • JS코딩테스트 (15)
    • BACKEND (16)
      • JAVA (14)
      • SQL (2)
    • 개발 (31)
      • 서적리뷰 (2)
      • 2021_TIL (4)
      • 2022_회고 (23)
      • 2023_회고 (0)
      • 2024_회고 (0)
    • CS(computer science) (2)
      • 자료구조 (2)
      • 알고리즘 (0)
      • 운영체제 (0)
      • 컴퓨터구조 (0)
    • 기타 (0)
Guestbook
250x250
Recent Posts
Recent Comments
Link
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록브라우저랜더링 (1)

Salangdung_i의 기록

브라우저의 랜더링(async/defer)

👩‍💻 script 사용시 어떤 순서대로 사용자에게 페이지가 보여지게 될까? 1. script가 header에 있을 경우 브라우저가 html을 한줄씩 읽는다. script를 만나면 html 파싱을 멈추고 자바스크립트를 읽는다. [ feching.js | executing.js ] > 자바스크립트를 다 읽고나면 다시 html을 파싱한다. > 페이지는 준비 완료된다. ❗️ 단점: js파일이 크다면 사용자가 화면을 보기까지의 시간이 많이 소요된다. 2. script가 body의 끝에 있을 경우 ... 브라우저가 html을 전부 parsing한다. 이후 페이지는 준비 완료된다. 이후 script를 읽는다.[feching.js|executing.js] 페이지가 준비가 다 된 다음에 스크립트를 만나서 서버에서 받아..

WEB FRONT END/JavaScript 2022. 3. 18. 10:00
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바