문서 요청 지연 시간

Adam Raine
Adam Raine

게시일: 2025년 3월 27일

모든 네트워크 요청과 페이지 콘텐츠가 이에 따라 달라지므로 페이지의 초기 문서 요청이 가장 중요합니다. 초기 문서 요청을 최적화하면 성능이 향상됩니다.

통계에서 확인하는 사항

이 통계는 다음 조건 중 하나가 초기 문서 요청에 영향을 미쳤는지 확인합니다.

  • 탐색 요청이 한 번 이상 리디렉션되었습니다.
  • 서버가 요청에 응답하는 데 600ms 이상 걸렸습니다.
  • 응답이 압축 해제되었습니다.
리디렉션을 없애면 문서 지연 시간을 줄일 수 있다고 DevTools에서 보고합니다.
리디렉션을 없애면 문서 지연 시간을 줄일 수 있다고 DevTools에서 보고합니다.

리디렉션 사용 안 하기

리디렉션은 페이지 로드 속도를 느리게 합니다. 브라우저가 리디렉션된 리소스를 요청하면 서버는 일반적으로 다음과 같은 HTTP 응답을 반환합니다.

HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location

그러면 브라우저가 새 위치에서 다른 HTTP 요청을 만들어 리소스를 가져와야 합니다. 네트워크를 통한 추가 이동으로 인해 리소스 로딩이 지연될 수 있습니다.

링크가 리소스의 현재 위치를 가리키는지 확인합니다. 리디렉션을 사용하여 모바일 사용자를 페이지의 모바일 버전으로 전환하는 경우 반응형 디자인을 사용하도록 사이트를 재설계하는 것이 좋습니다.

서버 응답 시간 단축

서버 응답 시간을 개선하는 첫 번째 단계는 서버가 페이지 콘텐츠를 반환하기 위해 완료해야 하는 핵심 개념 작업을 식별한 다음 각 작업에 걸리는 시간을 측정하는 것입니다. 가장 긴 작업을 파악한 후에는 속도를 높일 방법을 찾아보세요.

서버 응답 속도가 느린 원인은 다양하며 개선 방법도 다양합니다.

  • 페이지를 더 빠르게 준비할 수 있도록 서버의 애플리케이션 로직을 최적화합니다. 서버 프레임워크를 사용하는 경우 프레임워크에 이를 수행하는 방법에 대한 추천이 있을 수 있습니다.
  • 서버가 데이터베이스를 쿼리하는 방식을 최적화하거나 더 빠른 데이터베이스 시스템으로 이전하세요.
  • 메모리나 CPU가 더 많도록 서버 하드웨어를 업그레이드합니다.
  • CDN을 사용하여 네트워크 지연 시간을 줄입니다. 문서를 CDN 에지 노드에 캐시할 수 있는 경우 특히 효과적입니다.

자세한 내용은 TTFB 최적화 가이드를 참고하세요.

압축 사용

텍스트 압축을 사용하면 초기 HTML 문서의 전체 크기를 줄일 수 있습니다. 브라우저가 리소스를 요청하면 Accept-Encoding HTTP 요청 헤더를 사용하여 지원하는 압축 알고리즘을 나타냅니다.

Accept-Encoding: gzip, compress, br, zstd

텍스트 기반 애셋의 인코딩 및 전송 크기 최적화도 참고하세요.

서버는 사용한 압축 알고리즘을 나타내는 Content-Encoding HTTP 응답 헤더를 반환해야 합니다.

DevTools에서 문서 요청이 gzip 압축을 사용한다고 보고합니다.
DevTools에서 문서 요청이 gzip 압축을 사용한다고 보고합니다.

스택별 안내

이 통계는 다음 기술을 사용하는 페이지에 스택별 안내도 제공합니다.

WordPress

  • 웹 서버 구성에서 텍스트 압축을 사용 설정하세요.
  • 가벼운 테마 (블록 테마가 가장 좋음)를 선택하고 전체 페이지 캐싱 또는 정적 사이트 솔루션을 구현하세요. 서버 오버헤드를 최소화하려면 불필요한 플러그인을 사용 중지하세요.
  • 호스팅을 관리형 또는 전용 서비스로 업그레이드하는 것을 고려해 보세요.

Drupal

  • 리디렉션 모듈이 설치된 경우 불필요한 리디렉션을 검토하고 삭제합니다.
  • Internal Page Cache, Internal Dynamic Page Cache, BigPipe 등의 Drupal 캐싱 모듈을 사용하여 트래픽을 오프로드하세요. CDN과 함께 사용하면 응답 시간을 더욱 개선할 수 있습니다. 호스팅 서버에서는 PHP OPcache를 사용해야 합니다.
  • 데이터베이스 쿼리 시간을 단축하기 위해 Redis 또는 Memcached와 같은 메모리 캐싱을 사용하는 것이 좋습니다.
  • 성능이 우수한 테마, 모듈, 고속 서버를 사용하여 서버 응답 시간을 단축하세요.

React

  • React Router를 사용하는 경우 경로 탐색<Redirect> 구성요소 사용량을 최소화합니다.
  • 서버 측에서 React 구성요소를 렌더링하는 경우 renderToNodeStream() 또는 renderToStaticNodeStream()을(를) 사용하여 클라이언트가 모든 마크업이 아닌 마크업의 서로 다른 부분을 받아서 하이드레이션할 수 있도록 허용해 보세요.

Joomla

  • Gzip 페이지 압축 설정(System(시스템) > Global configuration(전역 구성) > Server(서버))을 사용 설정합니다.
  • 템플릿, 확장 프로그램, 서버 사양은 모두 서버 응답 시간에 영향을 미칩니다. 더 최적화된 템플릿을 찾고, 최적화 확장 프로그램을 신중하게 선택하고, 서버를 업그레이드해 보세요.

Magento

리소스