www.ourwebsite.com을 입력하여 여정을 시작합니다. 그러면 페이지의 HTML을 검색하기 위해 서버에 가져오기 요청이 전송됩니다. 따라서 우리의 첫 번째 작업은 이러한 검색을 빠르게 만드는 것입니다.

이 단계는 측정항목(TTFB, 첫 번째 바이트까지의 시간)으로 표시됩니다.

TTFB가 가장 중요하지는 않지만, 첫 번째이기 때문에 앞으로 나올 모든 측정항목에 영향을 미칠 것입니다.

TTFB는 서버 측 렌더링보다 클라이언트 측 렌더링 애플리케이션에서 더 중요합니다. 클라이언트 측은 이를 채우는 js 파일에 전적으로 의존하기 때문입니다.

모든 사이트는 0.8초 이하의 TTFB를 위해 노력해야 합니다. Lighthouse 또는 기타 프로파일링 도구를 사용하여 TTFB를 측정할 수 있으며 "초기 서버 응답 시간"으로 표시됩니다.

TTFB를 최적화하는 몇 가지 방법은 다음과 같습니다.

• 호스팅 - 좋은 호스팅 제공업체가 있는지 확인하고, 충분한 메모리 공간을 할당하고, 서버 설정을 구성하세요.

• 정적 파일, JS, HTML, CSS 및 이미지를 제공하려면 CDN을 사용하세요.

• 리소스를 청크로 보내기

• 렌더링에 중요한 리소스에 대해 103개의 조기 힌트 보내기: "103개의 조기 힌트 헤더는 백엔드가 마크업을 준비하는 동안 서버가 브라우저에 보낼 수 있는 초기 응답 코드입니다. 이 헤더는 힌트를 제공하는 데 사용할 수 있습니다. 렌더링에 중요한 리소스가 있다는 것을 브라우저에 알리고 마크업이 준비되는 동안 페이지 다운로드를 시작해야 합니다." 구글, web.dev