Cloudflare로 웹 사이트 속도를 높이고 보호하는 방법은 무엇입니까?

클라우드플레어 CDN: 웹사이트 속도 향상의 핵심

클라우드플레어 CDN은 간단히 말해 '거리'를 줄이는 데 핵심적인 역할을 합니다. 이는 웹사이트 로딩 속도를 전 세계적으로 향상시키는 데 어떻게 기여하는지 살펴보겠습니다. 계속 지켜봐 주세요.

거리라는 요소는 단순히 관계에만 영향을 주는 것이 아니라 데이터 처리에도 부정적인 영향을 미칠 수 있습니다.

농담은 잠시 접어두고, 트래픽이 많은 웹사이트의 경우 로딩 시간이 1초만 지연되어도 수백만 달러의 손실이 발생할 수 있다는 점을 명심해야 합니다. 수많은 사례 연구를 통해 빠른 웹사이트 로딩 속도의 중요성이 강조되고 있습니다.

특히, 수많은 대체재가 존재하는 오늘날, 그 누구도 웹사이트 로딩을 기다리고 싶어 하지 않습니다. 다음은 관련 통계입니다.

출처: 핑덤

이탈률은 웹사이트에 방문했으나 아무런 상호작용 없이 떠난 방문자의 비율을 나타냅니다. 이는 곧 전환 실패, 비즈니스 손실 및 무의미한 트래픽 증가를 의미합니다.

높은 이탈률은 블로그와 같은 일부 산업에서는 용인될 수 있지만, 전자 상거래, B2B, 소매업 등 대부분의 산업에서는 심각한 위험 신호로 간주됩니다.

CDN(콘텐츠 전송 네트워크)은 데이터 센터에서 웹사이트의 캐시된 복사본을 관리합니다. 사용자가 웹사이트에 접속하면 가장 가까운 지리적 위치에서 콘텐츠가 로드되므로 로딩 시간이 단축됩니다.

클라우드플레어는 전 세계 100개 이상의 도시에 250개의 PoP(접속 지점)를 운영하며 이 작업을 수행합니다. 이는 진정한 글로벌 데이터 네트워크를 의미합니다.

다음은 클라우드플레어가 웹사이트에 제공할 수 있는 몇 가지 주요 기능입니다.

데이터 압축 및 최소화
대역폭 비용 절감
성능 향상을 위한 로드 밸런싱
강력한 WAF(웹 애플리케이션 방화벽)
무료 TLS/SSL 설치
100% 가동 시간 보장 사업 계획

요약하자면, 효율적인 CDN은 웹사이트의 보안 보호막이자 성능 향상 도구 역할을 합니다. 클라우드플레어는 알렉사 상위 100만 개 사이트 중 75% 이상에서 사용될 정도로 시장을 선도하고 있습니다.

이제 웹사이트를 클라우드플레어 네트워크에 무료로 추가하는 과정과 성능 변화를 살펴보겠습니다.

테스트 설정

월간 요금제로 사이트그라운드에서 워드프레스를 사용하여 베어본 테스트 웹사이트(techpostal.com)를 구축했습니다.
제네시스 Maker Pro 하위 테마를 사용했으며 캐시 또는 보안 플러그인은 사용하지 않았습니다.
결과의 일관성을 높이기 위해 사이트그라운드 내의 모든 내부 최적화 기능도 비활성화했습니다.

클라우드플레어 온보딩

클라우드플레어 가입 페이지를 방문하여 이메일 주소와 강력한 비밀번호를 입력하여 시작하십시오. 그런 다음 받은 편지함을 확인하여 이메일을 인증합니다.

인증 후 대시보드로 돌아와 웹사이트를 추가합니다. 웹사이트 URL을 입력하고 '사이트 추가'를 클릭합니다.

다음 화면에서 구독 옵션을 선택해야 합니다. 여기서는 무료 플랜을 선택했습니다.

요금제를 선택한 후 하단의 '계속'을 클릭합니다.

이제 클라우드플레어가 웹사이트의 DNS 레코드를 스캔합니다. 이는 도메인 등록기관에서도 확인할 수 있습니다.

이 단계에서는 클라우드플레어를 통해 프록시되지 않도록 일부 레코드를 선택 해제할 수도 있습니다.

따라서 계속하기 전에 DNS 레코드를 주의 깊게 검토하십시오.

다음은 네임서버를 변경하는 단계입니다. 이는 CDN 설정에서 가장 중요한 동시에 가장 쉬운 단계입니다. 이 과정은 도메인 등록기관에 따라 다를 수 있습니다. 자세한 내용은 클라우드플레어의 네임서버 변경 가이드를 참조하십시오.

최적화

이제 클라우드플레어는 성능 향상을 위한 몇 가지 권장 설정을 제공합니다.

여기서는 두 가지 옵션을 모두 활성화했습니다. 첫 번째는 SSL/TLS 인증 사용에 관한 것이고, 두 번째는 로딩 시간을 단축하는 데 도움이 됩니다.

또한 Brotli 압축 및 Rocket Loader가 활성화되어 있는지 확인해야 합니다. 무료 플랜에서도 다양한 기능을 활용할 수 있으므로 최적의 성능을 위해 이들을 모두 사용하는 것이 좋습니다.

클라우드플레어 대시보드에서 '속도 > 최적화 > Brotli'로 이동하여 기능이 켜져 있는지 확인하십시오.

마찬가지로 동일한 섹션에서 아래로 스크롤하여 Rocket Loader를 활성화합니다.

네임서버 변경은 일반적으로 시간이 조금 걸립니다. 클라우드플레어는 최대 48시간을 요구하지만 실제로는 몇 분 내에 완료됩니다.

네임서버 변경을 확인하려면 koreantech.org 자체 DNS 조회 도구를 사용하거나 DNS 검사기와 같은 외부 도구를 이용할 수 있습니다.

성능 확인

웹사이트 응답 시간을 측정하기 위해 블레이즈미터를 사용했습니다. 응답 시간은 페이지 로드 시간과 관련된 조금 더 복잡한 지표입니다. 이상적으로는 이 두 지표 모두 낮을수록 좋습니다. 일반적으로 응답 시간 2초는 허용되는 수준으로 간주됩니다.

'클라우드플레어 이전' 상태는 타사 도구 또는 사내 도구가 없는 베어본 상태를 나타냅니다. '클라우드플레어 이후' 상태는 이 문서에서 언급된 몇 가지 조정이 적용된 클라우드플레어 CDN의 무료 플랜을 나타냅니다.

측정 결과는 다음과 같습니다.

클라우드플레어 이전

평균 응답 시간과 90% 응답 시간이 각각 12%와 28% 감소한 것을 확인할 수 있습니다. 블레이즈미터 가이드에서 보고서에 언급된 매개변수에 대한 자세한 설명을 확인할 수 있습니다.

결론

무료 플랜만으로도 클라우드플레어가 웹사이트 성능을 크게 향상시킨다는 점은 매우 인상적입니다.

클라우드플레어 무료 플랜을 사용해 보는 것을 적극적으로 추천합니다. 이 사례에서 클라우드플레어는 간단한 설정만으로도 확실한 성능 향상을 제공했습니다.

또한 속도 측면만 테스트했지만 클라우드플레어는 보안 측면에서도 뛰어난 기능을 제공한다는 점을 잊지 말아야 합니다. 클라우드플레어를 사용하면 원본 서버가 다운되더라도 웹사이트의 정적 버전을 온라인 상태로 유지할 수 있습니다.

더 큰 잠재력을 발휘하고 싶으신가요? 클라우드플레어는 다양한 유료 플랜도 제공합니다. 유료 플랜에서는 WAF, 이미지 최적화, 모바일 최적화와 같은 수많은 추가 기능을 이용할 수 있습니다.

워드프레스를 사용하고 있나요?

워드프레스를 사용하고 있다면 WP 클라우드플레어 슈퍼 페이지 캐시 플러그인을 사용하는 것이 좋습니다. 이 플러그인은 웹사이트의 모든 콘텐츠(정적 및 동적)를 지능적으로 캐싱하여 페이지 로드 시간을 더욱 단축시켜 줍니다.

클라우드플레어의 대안은 무엇인가요?

매우 강력한 대안으로는 수쿠리(Sucuri)를 들 수 있습니다.

다음은 웹사이트 다운 시 알림을 제공하는 몇 가지 페이지 속도 모니터링 도구입니다.