비동기 로드는 페이지의 성능을 향상시킬 수 있습니다. Polyfill은 브라우저가 지원하지 않는 자바스크립트 기능을 지원하기 위해 사용되는데, 만약 페이지가 여러개의 Polyfill을 동기적으로 로드한다면 로딩 시간이 길어질 수 있습니다. 비동기 로드를 통해 다른 자원, 스크립트 등과 독립적으로 로드되므로 페이지의 초기 로딩 속도를 개선할 수 있습니다.

하지만 비동기 로드는 코드의 실행 순서를 보장하지 않을 수 있습니다. 다른 스크립트나 Polyfill이 아직 로드되지 않았는데 의존하는 코드가 실행될 수 있습니다. 이런 경우 오류가 발생할 수 있으므로, 코드의 실행 순서를 중요하게 여기는 경우 동기 로드를 고려해야 합니다.

또한, 브라우저 호환성에 따라 동작이 달라질 수 있습니다. 일부 오래된 브라우저는 비동기 로드를 지원하지 않을 수 있으며, 이 경우에는 동기 로드를 사용해야 합니다.

따라서, Polyfill을 비동기로 로드할 것인지 동기로 로드할 것인지 결정할 때는 페이지의 성능 요구사항과 브라우저 호환성을 고려해야 합니다. 필요한 자원을 효율적으로 로드하고 최대한 빠르게 페이지를 로드할 수 있도록 최적의 방법을 선택해야 합니다.

참고문헌:

• Dynamic script loading
• Polyfill.io