async1 웹페이지 성능 최적화 웹 페이지의 성능 최적화를 위해 사용되는 HTML과 JavaScript의 로딩 전략 웹 페이지의 성능 최적화를 위해 사용되는 HTML과 JavaScript의 로딩 전략을 설명하겠습니다. async, defer, preload, prefetch, 그리고 **이미지 지연 로딩(lazy loading)**은 각기 다른 목적과 동작 방식을 가지고 있습니다.1. async 속성개요비동기적으로 스크립트를 로드.HTML 파싱과 스크립트 다운로드가 동시에 진행됩니다.스크립트 다운로드가 완료되면 즉시 실행되므로 실행 순서는 보장되지 않습니다.동작 방식스크립트 다운로드와 HTML 파싱이 병렬로 진행.스크립트가 로드되면 HTML 파싱이 중단되고, 스크립트 실행.스크립트 실행이 완료되면 HTML 파싱 재개.사용 예장점HTML.. 2024. 12. 31. 이전 1 다음
