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