웹 사이트 성능은 온라인 비즈니스의 성공에 매우 중요합니다. 많은 연구에 따르면 웹사이트의 로딩 속도가 매출에 직접적인 영향을 미치는 것으로 나타났습니다. 경쟁이 치열한 시장일수록 웹 사이트의 성능은 비즈니스 성공에 더욱 결정적인 역할을 합니다. 외딴 곳에 있는 오프라인 매장이 고객을 끌어 들이는 데 어려움을 겪는 것처럼, 속도가 느린 웹 사이트도 트래픽을 유치하는데 비슷한 어려움을 겪습니다. 사용자 경험을 개선하고 온라인 참여를 극대화하려면 웹 사이트 성능을 측정하고 개선하는 것이 필수적입니다. 하지만, 국내에서 수행한 테스트 결과에는 다른 국가에서 다른 디바이스와 다른 인터넷 연결을 사용하는 고객이 웹 사이트를 경험하는 방식은 반영하지 못합니다.
이는 곧 많은 조직들이 자사 웹 사이트 성능을 제대로 파악하지 못하고 있을 가능성이 높은것을 의미하는데, 그 결과 매일같이 많은 비즈니스 비용이 발생하고 있습니다.
Cloudflare는 이러한 과제를 해결하고자 Cloudflare Observatory를 새롭게 선보였습니다.
Cloudflare Observatory를 통해 Cloudflare 사용자는 하나의 대시보드에서 여러 지역에서의 테스트를 예약하고, 실제 사용자 모니터링(Real User Monitoring, RUM) 데이터를 사용해 웹 사이트 성능을 간편하게 모니터링할 수 있습니다. 즉, 웹 사이트에 나타날 수 있는 모든 성능 문제를 파악할 수 있게 됩니다. 무엇보다 좋은 점은 문제가 확인된 후 한번 클릭만 하면 Observatory에 해당 문제를 해결할 수 있는 맞춤형 권장 사항이 표시된다는 것입니다.
이제 웹 사이트의 성능을 개선하는 것이 한층 수월해졌습니다.
고객은 빠른 웹 사이트를 원합니다
온라인에서 성공을 거두려면 빠른 웹 사이트를 갖추는 것이 필수입니다. Google에 따르면 로딩 시간이 1초만 개선되어도 모바일 전환율을 최대 27%까지 높일 수 있습니다.
Deloitte의 연구에 의하면 “사이트 속도가 0.1초만 개선돼도 소비자의 지출이 약 10%가 증가합니다”. Google의 또 다른 연구에서는 “로딩 시간이 3초 이상 걸리면 53%가 모바일 사이트를 떠나는 것으로 나타났습니다”. 이러한 연구 결과는 웹 사이트 성능과 비즈니스 성공은 매우 직접적인 관련이 있다는 것을 보여줍니다.
오늘날의 디지털 환경에서 고객은 정보에 대한 즉각적인 액세스와 원활한 브라우징 경험을 기대합니다. 하지만, 누구나 웹 사이트 로딩을 기다리다 불만을 느끼고, 뒤로 가기 버튼을 눌러 다음 링크를 클릭한 경험이 있을 것입니다. 특히, 이커머스 사이트의 경우 이럴 때 소비자는 다른 사이트로 즉각 옮겨가고, 이는 곧 매출 손실로 이어집니다.
검색 엔진 최적화(Search Engine Optimization, SEO)에서 이러한 중요성은 더욱 커지고 있습니다. 2021년 5월, Google에서는 페이지 속도를 순위 알고리즘에 통합하여, 검색 엔진 순위를 높이려면 웹 페이지 로딩 속도가 빨라야 한다는 점을 강조하기도 했습니다.
Cloudflare Observatory 소개
Cloudflare는 "Cloudflare로 이전한 후 웹 사이트가 얼마나 빨라졌을까?", "얼마나 빨라질 수 있을까?"라는 이 두 가지 중요한 질문을 해결하기 위해 2019년 새로운 Speed Tab을 출시했습니다. 고객은 이 Tab으로 Cloudflare 기능 사용 전후의 웹 사이트 성능을 비교할 수 있었습니다. 하지만 사이트를 최적화하기 위해서는 분석 결과를 살펴보고 트래픽 패턴과 캐시 적중률을 분석해야 했는데, 이는 신규 Cloudflare 사용자에게는 쉽지 않은 일이었습니다.
이 난제를 해결하기 위해 우리는 Cloudflare에서의 성능을 모니터링할 새로운 접근 방식으로 Observatory를 개발했습니다. Observatory는 기존에 웹 사이트 성능을 이해하는데 존재했던 빈틈을 메워주고 맞춤형 권장 사항을 제공하여, 성능 문제 해결 과정을 간소화합니다.
Observatory는 또한 실제 사용자 모니터링(Real-User Monitoring, RUM) 데이터를 통합하여 전 세계에 걸친 최종 사용자의 웹 사이트 성능 경험을 파악할 수 있도록 합니다. Observatory는 RUM 데이터를 활용해 최적화할 수 있는 웹 사이트 영역에 대한 실질적인 인사이트는 물론, 이러한 문제를 해결하는 Cloudflare의 주요 기능과 성능을 제시합니다.
이와 더불어 Observatory에는 웹 성능 평가의 업계 표준 도구인 Google Lighthouse가 통합되어 있습니다. Lighthouse가 다방면으로 이용되고, 관련 커뮤니티에 광범위하게 도입되고 있는 점을 고려해 WebPageTest를 Lighthouse로 대체했습니다. 사용자는 Lighthouse를 이용해 Cloudflare 대시보드에서 Lighthouse 성능 보고서를 실행, 예약, 액세스할 수 있습니다.
Observatory는 또한 지역별로 다른 성능 차이를 이해하는 것이 중요하다는 점을 인식하여 지역별 테스트도 지원합니다. 다양한 지역에서 웹 사이트 성능을 시뮬레이션 해 보면서 사용자는 웹 페이지가 잘 작동하는 특정 국가와 그렇지 않은 국가를 파악할 수 있습니다. 이를 통해, 전 세계 고객을 대상으로 웹 사이트를 최적화하여 지리적 위치에 관계없이 일관되고 원활한 사용자 경험을 보장할 수 있습니다.
Observatory는 RUM 데이터, Lighthouse 인사이트, 지역 테스트를 한데 모아 Cloudflare 대시보드 내에서 웹 사이트 성능을 보여주는 통합 공간입니다. 사용자는 단 한 번의 클릭으로 웹 사이트 성능을 종합적으로 파악하고 이 데이터에 따라 Cloudflare가 제시하는 권장 사항을 구현할 수 있습니다.
Cloudflare Observatory의 성능 측정 방법
Cloudflare는 웹 사이트 성능 테스트를 위해 크게 합성 테스트와 RUM 테스트 두 가지 방법을 지원합니다.
합성 테스트에는 통제된 환경에서 사용자 상호작용을 시뮬레이션하고 성능을 모니터링하는 과정이 포함되는데, 이러한 테스트는 중요한 기준 측정치를 얻고 변경 사항을 배포하기 전에 발생할 수 있는 문제를 파악하는 데 도움이 됩니다.
한편 RUM 테스트는 실제 사용자가 웹 사이트와 상호작용할 때 데이터를 직접 수집하여 다양한 환경과 네트워크 조건에서 사용자가 겪게 되는 실제 경험을 포착합니다. 이를 통해, 진정한 최종 사용자 관점의 인사이트를 얻을 수 있습니다. 웹 사이트 소유자는 합성 테스트와 RUM 테스트를 조합하여 성능을 전체적으로 파악하고, 변경 사항과 최적화가 시뮬레이션 된 사용자 경험과 실제 사용자 경험에 어떠한 영향을 미치는지 이해할 수 있습니다.
Cloudflare Observatory는 이 두 가지를 한 곳에 모아줍니다. Observatory 안에 Google Lighthouse가 통합되어 Cloudflare 사용자는 사이트 성능을 종합적이면서도 간편하게 측정하고 파악할 수 있습니다. Google Lighthouse로는 사용자 경험과 검색 엔진 순위에 영향을 미치는 몇 가지 주요 성능 지표를 측정할 수 있습니다. 생성된 보고서는 1부터(최저 성능) 99까지(최고 성능) 범위에서 전반적인 성능 점수를 제공하므로 웹 사이트 소유자가 사이트 성능을 쉽게 파악할 수 있습니다.
더불어, Observatory의 인터페이스는 사용자 친화적입니다. Lighthouse의 각 지표를 트래픽 신호등 시스템으로 표현해 테스트한 지표의 결과를 나타냅니다. 중요한 지표 하나는페이지의 주요 콘텐츠 로딩 성능을 측정하는 LCP(Largest Contentful Paint)입니다. 최적의 LCP 점수는 2.5초 미만으로, 사용자가 만족할 만한 로딩 속도입니다. 웹 사이트 소유자는 Observatory를 통해 LCP 점수와 기타 지표를 간편하게 확인하여, 사이트 성능과 사용자 경험을 최적화할 수 있습니다. 예를 들어, 웹 사이트 소유자는 LCP 점수를 검토하여 개선점을 식별하고, 정보에 입각한 결정을 내려 사이트 성능을 높일 수 있습니다.
한층 개선된 권장 사항 기능
Observatory는 Lighthouse 및 RUM 테스트에서 수집한 인사이트를 기반으로 더욱 정확한 권장 사항을 제공합니다. 이를 통해, 문제를 정확하게 식별하고 성능을 개선할 수 있는 맞춤형 Cloudflare 설정이 가능합니다. 예를 들어 Lighthouse 보고서를 받으면 웹 사이트를 개선할 수 있는 영역에 강조 표시가 되어 있으며, 제공된 보고서에는 이미지 최적화를 위한 여러 개선 방안이 나타나 있습니다. Cloudflare는 이러한 피드백을 고려하여 Polish 활성화나 Image Resizing 활용과 같은 제품 권장 사항을 제공합니다. 이를 통해, Cloudflare 사용자는 단 한번의 클릭으로 성능 점수를 높일 수 있습니다.
Cloudflare 사용자는 감사와 직접 연결된 Cloudflare 대시보드에서 이러한 권장 사항을 편리하게 확인할 수 있습니다. 대시보드에는 다양한 Cloudflare 기능과 성능이 포함되어 있으며, 이러한 기능들은 지속적으로 개선 되고 있습니다. 또한, 캐시되지 않은 정적 콘텐츠에 대한 Cache Rules 권장 사항과 종합적인 테스트 제품군을 추가하면, 사용자는 특정 Cloudflare 기능이 구현되면 실제로 어떠한 이점을 얻을 수 있을지 사전에 파악할 수 있습니다.
따라서, 제품이나 기능이 활성화 되기 전에 미리 성능에 미치는 영향을 파악함으로써, 정보에 입각한 결정을 내리는 것은 물론 확신을 가진 상태에서 웹 사이트 성능 최적화할 수 있습니다.
여러 지역에서 더 많은 테스트, 반복 테스트 가능
기존 Speed Tab과 베타 테스트 과정에서 받았던 주요 피드백은 테스트의 횟수와 위치에 관한 것이었습니다. Cloudflare는 이러한 피드백을 해결하기 위해 허용되는 테스트 횟수를 늘리고, 모든 요금제에 걸쳐 미국에서 시작되는 반복 테스트를 최소 한 번 이상 예약할 수 있도록 했습니다.
Cloudflare의 Pro, Business 및 Enterprise 요금제를 이용하는 고객은 다양한 위치에서 테스트를 실행해 해당 지역의 사이트 성능을 파악할 수 있습니다. 예를 들어 웹 사이트가 미국 아이오와주에서만 호스팅되는데 방문자가 호주 시드니에서 접속하는 경우, 캐시되지 않은 파일이 14,000km나 떨어진 사용자 브라우저에 전송되고 렌더링 되는데 걸리는 시간 때문에 페이지 로딩이 느려질 수 있습니다. Cloudflare 사용자는 다양한 지역에서 테스트를 실행함으로써 웹 사이트 성능에 대한 의미있는 인사이트를 확보하고, 사용자 경험과 로딩 시간 개선을 위해 웹 사이트를 최적화하는데 있어 정보에 입각한 결정을 내릴 수 있습니다.
고가의 요금제일 수록 테스트를 더 많이, 더 다양한 지역에서 수행할 수 있습니다. 예를 들어 Pro 요금제를 이용하는 고객은 다섯개의 다른 지역에서 가장 중요한 페이지에 대한 다섯 번의 반복 테스트를 수행할 수 있습니다. 또한, 이 테스트는 Observatory 기록 탭에 저장되어 전 세계에 걸쳐 페이지 속도(Page Speed) 점수를 파악할 수 있습니다. 각 요금제별로 실행할 수 있는 테스트 횟수와 이용 가능한 지역은 다음과 같습니다.
.tg {border-collapse:collapse;border-color:#ccc;border-spacing:0;} .tg td{background-color:#fff;border-color:#ccc;border-style:solid;border-width:1px;color:#333; font-family:Arial, sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal;} .tg th{background-color:#f0f0f0;border-color:#ccc;border-style:solid;border-width:1px;color:#333; font-family:Arial, sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;} .tg .tg-viy4{background-color:#FFF;color:#172B4D;text-align:left;vertical-align:top} .tg .tg-hor2{background-color:#F60;color:#FFF;text-align:left;vertical-align:top} .tg .tg-0lax{text-align:left;vertical-align:top}
| Plan | Ad-hoc tests | Recurring tests | Frequency of recurring tests | Regions supported |
|---|---|---|---|---|
| Free | 5 | 1 | Weekly | Iowa, USA |
| Pro | 10 | 5 | Daily | Everything in Free and South Carolina, USA North Virginia, USA Dallas, USA Oregon, USA Hamina, Finland Madrid, Spain St. Ghislain, Belgium Eemshaven, Netherlands Milan, Italy Paris, France Changhua County, Taiwan Tokyo, Japan Osaka, Japan Tel Aviv, Israel London, England Jurong West, Singapore Sydney, Australia Frankfurt, Germany Mumbai, India São Paulo, Brazil |
| Business | 20 | 10 | Daily | |
| Enterprise | 50 | 15 | Daily |
Plan
Ad-hoc tests
Recurring tests
Frequency of recurring tests
Regions supported
Free
5
1
매주
미국 아이오와주
Pro
10
5
매일
Free의 모든 기능 및미국 사우스캐롤라이나주미국 노스 버지니아미국 댈러스미국 오리건주핀란드 하미나스페인 마드리드벨기에 세인트 기슬랭네덜란드 엠샤븐이탈리아 밀라노프랑스 파리대만 장화현일본 도쿄일본 오사카이스라엘 텔아비브영국 런던싱가포르 주롱 웨스트호주 시드니독일 프랑크푸르트인도 뭄바이브라질 상파울루
Business
20
10
매일
Enterprise
50
15
매일
RUM 데이터와의 통합
Cloudflare의 RUM 서비스는 페이지 로드 시간, 응답 시간, 기타 사용자 상호작용과 같은 메트릭을 추적하여 사용자의 브라우저나 디바이스에 대한 인사이트를 제공합니다.. Cloudflare는 HTML 페이지에 JavaScript "비콘"을 삽입하는 브라우저 인사이트 기능을 통해 RUM 데이터를 수집합니다. 이 비콘은 페이지 로드 시간, 첫 번째 바이트까지의 시간, 기타 웹 바이탈 등의 메트릭을 포함하여 실제 사용자 관점에서 바라본 웹 사이트 성능 정보를 Cloudflare에 다시 보내줍니다.
언제든지 자신의 노트북에서 페이지를 몇번 로드해보고 결과를 확인할 수도 있지만, 실제 사용자의 데이터를 수집해야만 실제 디바이스 성능과 네트워크 상태를 정확하게 파악할 수 있습니다.
Observatory는 RUM 데이터를 통합하여 사용자가 테스트를 수행한 경로를 대조합니다. 이를 통해 전 세계의 실제 사용자가 사이트를 어떻게 경험했는지 쉽게 확인할 수 있습니다. 이 데이터 역시 분석을 거쳐 테스트 경로에 맞는 Observatory 탭에 나타나며, 이로써 합성 테스트 데이터를 실제 사용자 메트릭과 직접 비교해 살펴볼 수 있습니다.
Cloudflare의 RUM 공급업체는 이미INP( Interactive Next Paint) 점수를 통합하고 있습니다. 2022년 Google은 INP를 새로운 메트릭으로 발표하며, INP를 FID(First Input Delay)를 대체하는 응답성에 대한 새로운 코어 웹 바이탈(Core Web Vital) 메트릭으로 강조하고 있습니다. FID는 웹 페이지에 대한 사용자의 최초의 상호작용과 이 상호작용에 대한 브라우저의 응답 간 지연을 측정합니다. 반면, INP는 첫 번째 입력에만 국한되지 않고, 사용자가 웹 사이트에서 수행하는 모든 상호작용에 대한 지연을 측정합니다. 따라서, INP는 웹 사이트 응답성을 평가하는 보다 포괄적인 접근방식을 제공합니다.
Cloudflare 영역에서 Web Analytics가 활성화되어 있지 않으면 Observatory에서 RUM 데이터를 수집하고 표시할 수 없습니다. 이 기능을 활성화하는 방법은 아주 간단하며 여기에서 관련 지침을 확인할 수 있습니다.
원클릭 최적화
Observatory는 단 한번의 클릭으로 권장 사항을 확인할 수 있는 기능으로 최적화 레이아웃을 개선했습니다. Cloudflare 영역에서 이 기능을 활성화하면 HTTP/3 등 최신 HTTP 프로토콜에 대한 최적화가 향상됩니다. 추가로 PNG와 JPEG를 효율적인 WebP 형식으로 변환하여 이미지 전송이 개선되었습니다. 마지막으로, 사용자가 Early Hints 등의 신기술을 원활하게 구현할 수 있는 Cloudflare 성능 툴도 지원됩니다. 이 모든 기능은 웹 사이트 속도와 전반적인 성능을 개선하도록 설계되었습니다.
Cloudflare는 고객에게 도움이 되는 새로운 기능을 출시하여 원클릭 최적화 기능을 지속적으로 업데이트 해 나갈 예정입니다. Cloudflare는 또한 사용자들이 개별 성능 제품을 보다 쉽게 탐색할 수 있도록 제품을 하위 카테고리로 세분화 하는 등 Tab의 레이아웃 전반을 개선했습니다.
출시 일정
Cloudflare 사용자들은 지금 바로 Observatory 서비스를 이용할 수 있습니다! Google Lighthouse 통합, RUM 데이터, 다중 지역 테스트와 같은 Observatory 기능을 활용하여 웹 성능을 성공적으로 개선할 수 있습니다. 웹 사이트 성능에 대한 의미있는 인사이트를 얻고, 정보에 입각한 의사결정을 통해 사이트 성능을 최적화할 수 있습니다.
앞으로 몇 달간 권장 사항 엔진을 꾸준히 확장하여 웹 사이트 성능 개선에 도움이 되는 더 다양한 제품을 선보일 예정입니다. 이와 더불어 사용자가 원하는 기능을 웹 사이트에 구현하기 전 성능적 이점을 미리 파악할 수 있도록 특정 기능에 대한 요청을 시뮬레이션할 수 있는 기능들을 제공할 예정입니다.