> 웹 프론트엔드 > JS 튜토리얼 > 공연 여정을 시작합니다. TTFB

공연 여정을 시작합니다. TTFB

PHPz
풀어 주다: 2024-07-18 06:12:39
원래의
493명이 탐색했습니다.

Starting the performance journey. TTFB

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

이 단계는 측정항목인 TTFB, 첫 번째 바이트까지의 시간

으로 표시됩니다.

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

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

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

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

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

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

  • 리소스를 덩어리로 보내기

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

위 내용은 공연 여정을 시작합니다. TTFB의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿