TTFB의 중요성 – 아무도 핵심 Web Vitals에 대해 생각하지 않는 가장 중요한 지표

TTFB. 페이스북에 글을 올릴 시간? 작은 꼬마 축구? 섬유 빵에 참치와 토마토? 당신은 참치와 토마토 샌드위치에 대해 꽤 따뜻한 생각을 하고 있었습니다. TTFB는 물론 "첫 번째 바이트까지의 시간"입니다. 당신은 항상 그것을 알고 있었다. 우리도 그랬고, 샘의 '위치 푸드트럭이 차를 세웠고 점심시간이 되었어요.

TTFB란 무엇이며 내 웹사이트에 어떤 영향을 미칩니까?

"Time to First Byte"(TTFB 또는 First Byte Time)는 완전히 로드된 웹 사이트로 가는 도중에 측정할 수 있는 첫 번째 값 중 하나로 DNS, 소켓 및 SSL 협상에 필요한 서버 응답 시간을 나타냅니다( 악수). 웹사이트의 Google Core Web Vitals를 측정하는 경우 TTFB가 큰 역할을 합니다.

“바이트? 악수? 내 웹사이트가 빨리 로드되기를 바랄 뿐입니다. 내 사이트를 최적화했습니다. 플러그인이 있습니다. 잘 다녀와야지." 서버 기술자가 아니라면 요즘 웹사이트 호스팅의 뒤에서 일어나는 많은 일들이 SpaceX에서 관리해야 하는 것처럼 들립니다. 우리는 그것을 얻는다. 그러나 생각해보십시오. SpaceX조차도 캡슐 재진입을 위해 낙하산을 사용하며 이는 기본으로 돌아갑니다.

웹사이트를 고객에게 알리는 것은 피자를 배달하는 것과 같습니다. 소파에 앉아 넷플릭스를 보다가 먼치킨을 먹고 파이를 주문합니다. 얼마 지나지 않아 초인종이 울린다. 쉽죠? 항상 발생합니다. 피자가 주문한지 2시간 후에 도착했다면? 그리고 당신은 피자를 한 판만 주문하는 것이 아닙니다. 당신과 함께 놀고 있는 12명 또는 2명에게 각각 하나씩 피자를 주문하는 것입니다. 에이전시 라이프입니다. 그것이 바로 수많은 사이트를 운영한다는 의미입니다.

고객의 웹사이트는 검색(SEO)하고 스크롤(UX 및 UI)해야 할 뿐만 아니라 최종 사용자에게 제시간에 제공되어야 합니다. 많은 것들이 그 과정을 늦출 수 있습니다. 웹사이트 로드 시간은 그 과정의 첫 번째 단계이며 클라이언트 웹사이트 또는 모든 고객의 속도를 늦추는 요소 중 하나가 되어서는 안 됩니다.

아직 클라우드에 있습니까? 백업합시다.

Google의 핵심 Web Vital은 웹사이트 속도와 어떤 관련이 있습니까?

Google은 2020년 5월에 Core Web Vitals에 대해 이야기하기 시작했고 2021년 6월에 출시했습니다. 우리는 이에 대해 많이 들었고 아마도 이미 웹 사이트가 빠르게 로드되고 사용자의 요구와 관련이 있으며 친환경성을 확보하기 위해 열심히 노력하고 있을 것입니다. Google의 빛, 맞죠?

Core Web Vitals는 단순히 빠르게 로드되는 웹사이트 그 이상을 제공하는 웹사이트에 관한 것입니다. 모든 것은 UX에 달려 있습니다. 웹사이트를 빠르게 로드하여 사람들이 필요한 작업을 수행할 수 있도록 하는 것입니다.

Core Web Vitals는 "주문하기"를 클릭하는 즉시 피자가 배달되도록 할 뿐만 아니라 맛도 좋습니다.

Google의 핵심 Web Vital은 3가지를 측정합니다: 유용성, 사용성 및 즐거움

• LCP(Large Contentful Paint) – 로딩 시간: 귀하의 웹사이트가 유용하다는 것을 사용자에게 확신시켜줍니다. 이 작업은 2500밀리초 미만이 소요됩니다. 서버가 접속할 때까지 로드할 수 없습니다.

• FID(First Input Delay) – 상호 작용: 웹 사이트를 사용할 수 있도록 합니다. 이 작업은 100밀리초 미만이 소요됩니다.

• CLS(Cumulative Layout Shift) – 웹사이트 이동: 웹사이트를 즐겁게 만듭니다. 이 점수는 0.1보다 작아야 합니다.

Google Core Web Vitals에 대해 웹사이트를 측정하고 싶으십니까?

그렇다면 TTFB와 핵심 Web Vitals 사이의 연결은 무엇입니까?

피자처럼 두꺼운 크러스트에 치즈가 더 들어가죠? — 배달은 완전한 이야기가 아닙니다. 피자 경험은 그 이상입니다. 최종 사용자에게 귀하의 웹사이트도 마찬가지입니다.

Core Web Vitals 외에도 별도로 고려해야 하는 또 다른 용어가 있습니다. Google Web Vitals 또는 단순히 Web Vitals라고 합니다. Web Vital에는 위에서 언급한 핵심 Web Vital 외에 다음 측정항목이 포함됩니다.

첫 번째 콘텐츠가 포함된 페인트(FCP)

FCP는 웹 페이지를 로드하기 시작한 시점부터 화면에 첫 번째 콘텐츠가 표시되는 시점까지의 시간 범위입니다. 이 콘텐츠에는 텍스트, 이미지(배경 이미지 포함) 및 웹사이트를 멋지게 만드는 모든 콘텐츠가 포함됩니다. 여기서 900밀리초는 좋은 속도입니다.

총 차단 시간(TBT)

TBT는 FCP(First Contentful Paint)와 TTI(Time to Interactive) 사이의 시간 범위를 측정합니다. 예를 들어, 이는 브라우저 반응의 지연을 측정하는 데 사용할 수 있습니다. TBT는 300밀리초 미만이어야 합니다.

인터랙티브 시간(TTI)

TTI는 웹 페이지를 로드하기 시작한 후 가장 중요한 하위 리소스(예: 타사 리소스)가 로드되고 페이지가 사용자 입력에 빠르게 응답할 수 있을 때까지 걸리는 시간을 알려줍니다. 2400밀리초는 좋은 속도입니다.

다음 페인트(INP)에 대한 상호 작용

INP는 사용자가 페이지를 방문할 때 발생하는 가장 긴 단일 상호작용 중 하나를 선택하여 페이지의 전체 상호작용 대기 시간을 나타내는 것을 목표로 하는 새로운 측정항목입니다. 총 50개 미만의 상호작용이 있는 페이지의 경우 INP는 최악의 대기 시간을 갖는 상호작용입니다. 상호작용이 많은 페이지의 경우 INP는 대부분 상호작용 대기 시간의 98번째 백분위수입니다.

첫 번째 바이트까지의 시간(TTFB)

TTFB는 브라우저가 페이지 콘텐츠의 첫 번째 바이트를 수신하기 전에 경과하는 시간을 나타냅니다. 서버에서 해당 데이터를 가져오는 데 시간이 오래 걸릴수록 웹 페이지를 표시하는 데 더 오래 걸립니다. Google은 TTFB를 200밀리초 미만으로 유지할 것을 권장합니다. Rocket은 특정 위치에 네트워크 문제가 없는 한 우리 플랫폼의 글로벌 평균 TTFB가 100ms 미만임을 자랑스럽게 생각합니다.

TTFB의 중요성은 아무도 Core Web Vitals에 대해 생각하지 않는 가장 중요한 메트릭이며 실제로 웹사이트에 대해 가장 중요한 메트릭입니다. 왜요? 한마디로 사람들은 참을성이 없다.

고객이 웹사이트가 로드될 때까지 기다리지 않고 떠나고 있다면 고객은 고객을 잃었습니다. 당신은 얼마나 많은 것을 잃었는지, 그들이 다시 돌아올지조차 모릅니다. 간단합니다. 그리고 다른 많은 피자 배달 장소가 시내에 있습니다.

“누군가 귀하의 사이트를 방문하고 지연이 발생하면 방문자가 이탈하여 필요한 것을 찾기 위해 다른 곳으로 이동할 가능성이 크게 높아집니다. Google은 사이트가 로드되는 데 1초가 추가될 때마다 이탈률이 약 32% 증가한다는 점에 주목합니다. 방문자가 귀하의 사이트에서 이탈할 때, 특히 훨씬 더 빠른 다른 웹사이트에서 원하는 것을 찾은 경우에는 다시 돌아올 가능성이 낮습니다. "

로켓넷

TTFB의 중요성과 내 웹사이트의 로드 시간을 확장할 수 있습니까?

우리는 당신이 "피자 배달 시간"을 생각하고 있다는 것을 알고 있지만 확실합니다! 이것은 아마도 당신을 위한 리프레셔일 것입니다. 우리는 웹사이트가 빠르게 로드될 것으로 기대합니다. 그러기 위해서는 웹사이트가 가벼워야 합니다. 그러나 서버와 고객의 휴대폰 사이에는 많은 단계가 있습니다.

예를 들어 URL 표시줄에 www.yourwebsite.com을 입력하는 경우 다음 4단계를 수행해야 합니다.

• 브라우저는 DNS 서버(도메인 이름 서버)에 연결합니다. 도메인 이름 서버는 호스트 이름을 숫자 기반 IP 주소로 변환합니다. 예를 들어 웹 사이트는 123.456.789.112가 됩니다.

• 브라우저는 웹사이트 서버에 대한 연결을 설정합니다. 이것은 귀하의 주소에 도착하기 전에 다른 우편 센터 사이를 여행하는 패키지와 유사한 여러 중간 역을 통해 발생합니다. 바라건대, 그것은 당신의 피자가 아닙니다.

• 웹사이트가 보안 SSL 프로토콜을 사용하는 경우(물론 그렇습니다! 맞습니까?), 소위 핸드셰이크가 발생합니다. 클라이언트와 서버는 서로를 식별하고 암호화된 연결이 설정됩니다.

• 서버는 패킷으로 분할된 데이터를 클라이언트로 보냅니다.

배달을 위해 피자를 보내면 다양한 요소가 도착하는 시점을 결정합니다. 여기에는 운송업체의 속도와 다양한 유통 센터의 처리 시간이 포함되며, 이는 차례로 특정 용량(직원, 기술 장비, 오븐, 피자 반죽 등)에 따라 달라집니다. 그 운전자나 당신의 진입로가 얼마나 어수선한지는 말할 것도 없습니다.

마찬가지로 많은 매개변수가 TTFB(Time to First Byte)에 영향을 줍니다.

네트워크 속도 – 네트워크 대기 시간은 데이터 패킷이 발신자에서 수신자로 이동하는 데 걸리는 시간을 나타냅니다. 예를 들어, 사용자가 바쁜 WiFi 핫스팟 내에서 서핑하는 경우 일반적으로 높고 TTFB가 증가합니다.

DNS 서버 응답 시간 – 예를 들어 과부하로 인해 DNS 서버가 요청을 느리게 처리하면 대기 시간도 발생합니다. 일반적으로 DNS 서버가 물리적으로 멀리 위치할수록 IP 주소를 제공하는 데 시간이 더 오래 걸립니다.

서버의 응답 시간 – 클라이언트가 올바른 서버와 연결을 설정한 경우 서버는 데이터를 보내야 합니다. 제한된 하드웨어 용량(예: 낮은 RAM 또는 불충분한 CPU)은 이 프로세스를 느리게 합니다. 또한 불필요하고 오래된 플러그인, 느리게 반응하는 데이터베이스, 부정확한 코드로 잘못 구성된 서버도 데이터 전송을 지연시킵니다.

우리의 피자 배달 기사처럼 더 많은 단계를 거쳐야 하고, 더 많은 물건이 차도에 흩어져 있고, 운반해야 하는 피자가 더 무거울수록 더 느리게 집 앞까지 이동합니다.

따라서 문제는 항상 고객 포트폴리오의 속도 대 기능이었습니다. 더 이상 선택할 필요가 없습니다. 어떻게 전체 WordPress 웹사이트나 WooCommerce 피자 가게를 운전자의 주머니에 넣고 다닐 수 있을 만큼 가볍고 작은 패키지로 포장할 수 있습니까?

웹 사이트 속도 경험 문제를 혼자 해결하는 방법

웹사이트의 속도는 사용자 경험에서 SEO, 심지어 전환율에 이르기까지 모든 것에 큰 영향을 미친다는 것을 알고 있습니다. 따라서 한 가지 옵션은 관리하는 웹 사이트의 문제를 직접 시도하고 해결하는 것입니다. 항상 해오던 방식으로 이 작업을 수행할 가능성이 높습니다. 효과가 어떠셨나요?

피자 배달 회사라면 운전기사에게 절대 좌회전하지 말라고 말할 수 있습니다. 출퇴근 시간에는 절대 배달하지 마세요. 선불 주문만 받습니다. 많은 에이전시가 시도되고 진정한 방법으로 일하고 있으며 우리는 당신에게 경의를 표합니다. 당신이 없었다면 우리는 여기까지 오지 못했을 것입니다.

관리되는 웹 사이트의 속도를 개선할 수 있는 방법은 여러 가지가 있습니다.

• CDN(콘텐츠 전송 네트워크) 사용
• 이미지 최적화
• CSS 및 JavaScript 파일 축소
• 가능한 경우 HTTP 요청 수를 줄이십시오.
• 브라우저 HTTP 캐싱 사용
• 외부 스크립트 포함 최소화
• 가능하면 리디렉션을 사용하지 마십시오.

고객이 웹 사이트에 WordPress를 사용하고 있고 그럴 것이라고 확신하는 경우 CMS 내에서 해당 웹 사이트를 더 빠르게 만드는 표준 방법도 있습니다.

• 효율적인 테마 선택
• 필요한 경우 페이지 빌더 사용
• 데이터베이스 정리
• 이미지 크기 최적화
• 캐싱 사용
• 프로그램 코드 최적화
• 너무 많은 플러그인을 사용하지 마십시오
• 너무 많은 플러그인을 사용하지 않고 기능 확장

젠장, 이 모든 것이 많은 땜질처럼 들립니다! 당신은 아마도 다른 할 일이있을 것입니다, 그렇죠? 사실, 당신은합니다.

Rocket 플랫폼으로 대행사 포트폴리오 관리 시간 절약

에이전시 소유자로서 이미지 최적화보다 훨씬 더 중요한 한 가지 일을 누구보다 잘하는 데 시간을 할애합니다. 고객에게 서비스를 제공합니다. 당신은 그들의 문제에 대한 솔루션을 제공하는 데 집중합니다. 당신은 그들을 기쁘게 하는 데 집중합니다. 당신은 그들의 삶을 더 좋게 만듭니다!

그래서 당신은 무엇을 할 수 있습니까?

관리형 WordPress 호스팅은 특히 호스트를 관리할 필요가 없는 경우 클라이언트 포트폴리오에 적합합니다. 빠르고 안전합니다. 관리형 호스팅은 중요한 일에 집중하는 동안 웹사이트의 성능과 보안을 처리합니다. 고객이 "지금 주문"을 클릭하는 즉시 맛있는 치즈 피자를 제공하는 것과 같습니다.

" 메트릭을 개선하는 방법에 뛰어들기 전에 애플리케이션의 현재 상태와 병목 현상이 있는 위치를 이해해야 합니다. 변화를 측정하는 방법을 아는 것은 우리의 이니셔티브에서 자신감을 얻기 위한 가장 중요한 단계입니다. 문제는 라우팅 인프라와 애플리케이션 코드 사이 어디에서나 발생할 수 있습니다!”

개발

Rocket 플랫폼은 대행사에 우위를 제공합니다.

모든 성공적인 비즈니스에는 경쟁력이 필요합니다. 일부 피자 가게는 가장자리를 치즈로 채우고 다른 피자 가게는 완전히 꼭대기에 올려 놓습니다. 그러면 잡을 가장자리가 없기 때문에 이상합니다. 당신의 장점은 무엇입니까?

비트코인을 수락합니까? 사람들이 온라인에서 자신의 운동화를 디자인하게 하시겠습니까? 드론 배송을 제공합니까? AMP 웹사이트가 있습니까? 실제로 구글에서 Core Web Vitals를 도입한 이후로 AMP 포맷의 중요성도 앞으로 줄어들게 될 것입니다.

Rocket.net은 귀하의 대행사에도 우위를 제공합니다. Cloudflare Edge Network.. Edge 서버는 인터넷을 더 빠르게 만들기 위해 존재합니다. 즉, 웹 사이트가 더 빨리 로드됩니다. 이는 사용자와 방문자를 기쁘게 한다는 의미입니다. 중앙에서 피자를 주문하지만, 피자를 직접 구워서 가장 가까운 곳에서 배달한다는 뜻이다.

“CDN 공급자는 여러 위치에 서버를 배치하지만 가장 중요한 일부는 서로 다른 네트워크 사이의 가장자리에 있는 연결 지점입니다. CDN 에지 서버는 하나 이상의 원본 서버의 부하를 줄이기 위해 전략적 위치에 콘텐츠를 저장(캐시)합니다.”

클라우드플레어

사례 연구: Twodot Marketing이 Rocket 플랫폼을 사용하여 고객의 로딩 시간을 반으로 줄이는 방법

Rocket 이전에 Twodot Marketing은 다양한 호스팅 회사에서 WordPress 웹사이트를 호스팅하고 있었습니다. 그들은 그들이 추구하는 클라이언트를 위한 속도와 보안을 얻을 수 없었습니다.

“가입한 지 1시간 만에 첫 번째 사이트가 마이그레이션되었고 저는 정말 놀랐습니다. 나는 즉시 내 페이지 속도, 첫 번째 바이트까지의 시간, 회사 웹사이트의 전반적인 응답성에서 엄청난 차이를 발견했습니다. 24시간 후, 우리 고객은 모두 Rocket에서 동일한 혜택을 받을 수 있었습니다."

Josh Etheridge, Twodot 마케팅 사장/최고 전략가

그 피자에 약간의 추가 치즈는 어떻습니까?

Google의 Core Web Vital 업데이트 이후로 콘텐츠를 최대한 빠르고 안전하게 제공하는 것이 그 어느 때보다 중요합니다. 쉬운. 안전한. 빠른. 예, 세 가지를 모두 가질 수 있습니다. 일반적으로 빠를 뿐만 아니라 각 특정 사용자에게 가장 빠릅니다. 이것이 엣지의 힘입니다.

Cloudflare Enterprise로 구동되는 Rocket.net은 WordPress 웹사이트와 WooCommerce 온라인 상점이 즉시 혜택을 받을 수 있도록 도와줍니다.

• 즉, 웹 사이트가 즉시 사전 구성됩니다.
• 향상된 웹사이트 속도는 더 나은 SEO 순위 와 더 높은 전환율을 제공합니다.
• 또한 전 세계적으로 캐시된 해커 방지 호스팅을 통해 귀하의 웹사이트는 항상 비즈니스를 위해 열려 있습니다.

토크는 저렴합니다. 가장 빠른 WordPress 호스팅이 실제로 무엇을 의미하는지 로켓이 보여줍니다!

사이트 성능, 대행사의 시간 및 비용을 절약하시겠습니까? 예. Rocket Platform에는 유료 버전의 보안, 이미지 최적화, CDN 및 JS 콘텐츠 로더 플러그인이 필요하지 않은 기능이 내장되어 있습니다. 이는 귀하가 선호하는 새로운 플랫폼(이전에는 Managed WordPress Hosting으로 알려졌던 제품)에 내장된 기능입니다.

어디에서나 사용할 수 있는 가장 빠른 WordPress 호스팅인 Rocket.net으로 사이트를 마이그레이션하는 방법에 대해 이야기해 보겠습니다. 오늘 임무를 시작하십시오!