1. 성능 측정 도구 선택

성능 테스트를 위해 사용할 수 있는 여러 도구가 있습니다. 예를 들어, Google Chrome의 개발자 도구인 Lighthouse는 웹 사이트 성능을 테스트하고 개선하는 데 도움이 되는 많은 기능을 제공합니다. 또한, 웹 성능을 측정하고 모니터링하는 다른 온라인 도구들도 있습니다.

2. 초기 페이지 로딩 시간 측정

지연 로딩을 적용하기 전의 초기 페이지 로딩 시간을 측정합니다. 이는 기준이 될 것입니다.

3. 자바스크립트 지연 로딩 구현 및 테스트

우선, 자바스크립트 파일을 지연 로딩하는 방법을 구현합니다. 이후, 이를 적용한 상태에서 페이지의 로딩 시간을 다시 측정합니다.

4. 성능 테스트 결과 분석

두 가지 경우의 성능 측정 결과를 비교하여, 자바스크립트 지연 로딩이 초기 페이지 로딩 시간에 미치는 영향을 분석합니다. 성능이 향상되었는지 혹은 악화되었는지를 확인합니다.

5. 추가적인 튜닝 및 테스트

만약 성능이 향상되지 않았다면, 다른 자바스크립트 파일의 지연 로딩 여부나 다른 최적화 방법을 고려하고 추가적인 테스트를 수행합니다.

지연 로딩은 웹 앱의 성능을 최적화하는 데 중요한 도구이므로, 이러한 테스트를 통해 올바르게 구현되고 있는지 확인하는 것이 중요합니다.

참고 문헌

• [Lighthouse

  Tools for Web Developers

  Google Developers](https://developers.google.com/web/tools/lighthouse)