페이지 로딩 시간은 자바스크립트(JavaScript) 파일과 코드의 영향을 크게 받습니다. 자바스크립트 파일을 최적화하지 않으면 페이지 로딩 시간이 길어지며, 이는 사용자 경험과 SEO 모두에 부정적인 결과를 가져옵니다. 따라서 자바스크립트 코드를 압축(Minify)하여 불필요한 공백과 주석을 제거하면 페이지 로딩 속도를 효과적으로 단축할 수 있습니다.
또한 자바스크립트 파일을 캐싱(Caching)하면 더 나은 성능을 기대할 수 있습니다. 그리고 인라인(Inline) 방식과 외부(External) 방식의 자바스크립트를 상황에 맞게 적절히 활용하는 것이 중요합니다. 특히 동일한 스크립트를 여러 페이지에서 사용해야 한다면 외부 자바스크립트 파일로 분리하는 것이 좋습니다.
외부 스크립트(External Scripts)
- 브라우저는 외부 스크립트를 처음 다운로드한 후 이를 저장(캐시)합니다. 이후 동일한 스크립트를 다시 참조할 때는 추가 다운로드가 필요하지 않습니다.
- 이를 통해 다운로드 시간과 데이터 용량을 줄일 수 있습니다.
인라인 스크립트(Inline Scripts)
- 인라인 스크립트는 즉시 실행됩니다.
- 페이지와 함께 바로 로드되므로 별도의 네트워크 요청을 보낼 필요가 없습니다.
- 서버 측 동적 렌더링(Server-side Dynamic Rendering) 환경에서 더욱 유용하게 활용됩니다.