본문 바로가기
 
 
 
카테고리 없음

HTML Script Defer 속성 활용법: 웹페이지 최적화를 향한 첫걸음

by mooonstory 2024. 11. 17.

 
반응형

오늘은 여러분 웹개발 여정에서 중요한 **스텝**이 될 수 있는 `script defer` 속성에 대해 알아보려 합니다. 이 속성은 웹 페이지의 스크립트를 더 효율적으로 처리할 수 있게 도와주는 간단하면서도 강력한 도구입니다. 웹 페이지 성능 최적화에 관심이 있다면 꼭 한번 주목해 보세요!

Script Defer란 무엇인가요?


`defer` 속성은 스크립트를 비동기적으로 다운로드하고, 페이지의 파싱이 완료될 때 실행되도록 보장합니다. 이 속성을 사용하면 문서 위치와 무관하게 원하는 스크립트가 페이지 로딩을 방해하지 않고 자연스럽게 실행됩니다. 보통 HTML 파일의 `` 태그 내에서 사용됩니다. 이로 인해 페이지 **로딩 속도**가 향상되고 사용자 경험이 개선됩니다.

예를 들어, 다음과 같이 `defer` 속성을 사용할 수 있습니다:

반응형