defer와 async 동작 특성과 차이점 및 상황별 사용 방법
IT/개발
2024. 9. 18. 23:15
JavaScript는 브라우저에서 동적으로 HTML, CSS, 및 다른 리소스를 처리합니다. 이때, 웹 페이지 로딩 속도와 성능 최적화를 위해 defer와 async 속성을 사용해 JavaScript 파일을 로드할 수 있습니다. 이 글에서는 defer와 async의 동작 원리, 차이점, 그리고 상황별 사용 방법에 대해 자세히 알아보겠습니다. 1. 지원 브라우저IE: defer 기본 지원하며 async은 10버전 이상부터 지원Firefox: 3.6 버전 이상 defer, async 지원chrome: 8버전 이상 defer, async 지원safari: 5버전 이상 defer, async 지원ios safari: 5.1 버전부터 defer, async 지원android safari: 3 버전부터 defer,..