라떼군 이야기

Load JavaScript with async for all browsers

Problem

자바스크립트를 비동기로 로드하고 싶을 때, async와 defer옵션을 사용해서 구현할 수도 있지만 낮은 버전의 브라우저에서 지원하지 않아(참고1, 참고2) 해당버전까지 모두 지원해야 하는 기능일 경우 사용할 수 없다.

Solution

동적으로 스크립트를 header 블록에 포함시키는 스크립트를 작성했다.

{% gist f51bd6740e7e2d5abd8216e135182be6 %}