빠른 웹 경험을 제공하는 것은 단순히 파일을 방문자에게 더 가깝게 이동시키는 것이 아닙니다.
방문자의 화면에 가능한 한 빨리 첫 번째 픽셀이 로드되도록 하는 것입니다. 또한, 페이지 리소스의 전송 순서를 최적화하여 페이지를 더 빠르게 표시하고 사용 가능하게 만드는 것입니다.
그리고 웹 페이지가 느리게 렌더링되는 때와 이유를 알아보고 이에 대해 무엇을 할 수 있는지를 파악하는 것입니다.
웹 사이트 속도를 측정해보세요. 그리고 웹 사이트 속도를 한층 더 빠르게 개선하는 방법을 알아보세요.
이미 고객이십니까? 오늘 활성화하세요
측정할 수 없으면 개선할 수 없습니다.
웹사이트의 실제 사용자 경험은 물론 Cloudflare 사용 시 성능 이점을 측정하세요.
Browser Insights로 전 세계 방문자의 관점에서 TCP 연결 시간, DNS 응답 시간, TTFB(첫 번째 바이트 시간), 페이지 로드 시간 등을 측정할 수 있습니다.
대시보드의 Speed Page도 웹페이지가 로드될 때 스크린샷의 필름스트립을 만듭니다. 따라서 Cloudflare에서 캐시를 사용해 웹사이트를 로드할 때와 원본에 직접 연결할 때를 시각적으로 비교할 수 있습니다.
이미지는 웹 페이지에 활기를 불어넣는 역할을 하지만, 용량이 큰 이미지는 웹 페이지 속도를 떨어뜨립니다. 또한, 모바일과 데스크톱에서 사용할 이미지를 여러 가지 버전으로 만드는 작업은 고단하고 복잡합니다.
Cloudflare 이미지 최적화 알고리즘은 이미지 전송 과정을 원활하게 정리해 복잡성을 제거합니다.
이미지 크기 조정 기능으로 하나의 기본 이미지로 여러 가지 버전을 만들고 Mirage 로 모바일에서 이미지 전송의 효율성을 높이고 Polish 로 간단하게 이미지를 압축하세요.
오리진 서버에서 불러온 하나의 기본 이미지로 여러 개의 고품질 버전을 만듭니다. 이미지의 크기를 조정하거나, 자르거나, 압축하거나, WebP로 변환해 대역폭 비용을 줄이고 성능을 높이세요.
방문자의 기기를 기반으로 방문자에 대한 이미지 전송을 가속화합니다. Mirage는 현재 브라우저 창에 이미지를 최적으로 전송할 수 있는 화면 크기와 연결 속도를 감지합니다.
메타데이터를 제거하고 무손실 또는 유손실 압축으로 이미지에서 잉여 바이트를 제거하여 이미지 크기를 줄입니다.
"Cloudflare의 CDN을 사용하면서 이미지 로드 시간이 2~3배 개선되었을 뿐만 아니라 월별 대역폭 사용량도 50% 이상 절감되고 있습니다."
Mikayel Vardanyan
CTO
웹페이지는 브라우저에 의해 최종 표시되는 콘텐츠에 로드되고 조립되는 수십 개(때로는 수백 개)의 개별 리소스로 구성됩니다. 이러한 리소스가 로드되는 방법의 순서는 방문자가 내용을 보고 페이지와 상호 작용하는 데 걸리는 시간에 상당한 영향을 미칠 수 있습니다.
브라우저와 관계없이 리소스 전송 순서를 최적화할 수 있습니다. 향상된 HTTP/2 우선순위 지정은 개선된 예약 계획으로 브라우저 기본값을 재정의하여 훨씬 더 빠른 방문자 경험을 제공합니다.
렌더링 차단 JavaScript의 로드를 지연시켜 웹페이지에 텍스트, 이미지, 글꼴을 우선 로드합니다.
사용자 조율 TCP 설정을 선택하여 대기 시간을 줄이고 연결 처리량을 늘립니다.
JavaScript, CSS, HTML 파일에서 불필요한 문자를 제거합니다.
무손실 압축 알고리즘으로 캐시된 HTTP/S 페이지의 크기를 줄입니다.