WordPress에서 Cloudflare 설정을 어떻게 구성하나요?

Cloudflare 파트너로서 Cloudflare를 WPOven에서 호스팅하는 사이트의 DNS, 방화벽, CDN으로 사용하는 것이 좋습니다. 이 가이드는 WordPress 사이트에 최고의 Cloudflare 기능을 활용하기 위해 Cloudflare 및 공식 WordPress 플러그인을 설정하기 위한 간단한 참조 자료로 사용됩니다.

속도와 보안을 향상시키기 위해 웹 버전과 Cloudflare WordPress 플러그인을 통해 Cloudflare를 사용하고 설정을 구성하는 방법을 다룹니다. 이 가이드는 사이트가 WPOven에서 호스팅되는지 여부에 관계없이 WordPress를 사용하고 Cloudflare 사용에 관심이 있는 모든 사람에게 적용됩니다.

Cloudflare 도메인 이름 서버(DNS)

이는 Cloudflare가 제공하는 핵심 기능으로, DNS를 호스팅하고 이를 통해 사이트에서 역방향 프록시를 활성화하고(필요한 경우 비활성화할 수 있음) 다양한 서비스와 향상된 기능을 제공합니다. 위와 같이 Cloudflare를 설정하면 기본적으로 기존 NS 레코드를 가져오고 필요한 경우 쉽게 추가할 수 있습니다. Cloudflare는 도메인 등록 기관이 고급 NS 레코드를 설정하는 옵션을 제공하지 않거나 제한된 기능을 제공하는 경우에도 DNS를 호스팅하는 데 매우 유용합니다.

DNS 레코드는 도메인이나 호스트 이름을 처리하는 방법에 대한 정보가 포함된 DNS 서버에서 제공하는 지침입니다. 다양한 서비스에서는 다양한 유형의 DNS 레코드를 사용합니다. 우리의 경우 일반적으로 A 이름으로 알려진 주소 이름과 일반적으로 C 이름으로 알려진 정식 이름에 주로 관심이 있습니다.

• A 이름 : 이 레코드는 도메인 이름이 서버의 IP 주소에 매핑되는 방식을 알려줍니다.
• C 이름 : 한 도메인이 다른 도메인을 가리키는 방법을 알려줍니다.

아래에는 몇 가지 일반적인 도메인 이름 레코드가 나열되어 있습니다.

http://www.electricmonk.org.uk/wp-content/uploads/2013/06/dns_records.bmp (테이블로 변환)

현재 요구 사항에 따라 A 이름만 설정하고 www C 이름을 서버 IP로 지정합니다.

대부분의 사용자에게는 기본 설정이면 충분하므로 이에 대해 자세히 다루지는 않습니다. 자세한 내용을 보려면 Cloudflare 도움말 섹션을 방문하세요 .

Cloudflare 콘텐츠 전송 네트워크(CDN) 정보

CDN 또는 콘텐츠 전달 네트워크는 전 세계에 지리적으로 분산된 서버 그룹을 의미합니다. 이러한 서버는 함께 작동하여 방문자의 위치에 따라 웹사이트에 대한 액세스를 제공합니다.

Cloudflare CDN은 Cloudflare에서 DNS가 호스팅되는 사이트에 대한 무료 서비스입니다. 기본적으로 모든 정적 자산은 캐시되며 기본 페이지가 여전히 서버에서 가져오기 때문에 사이트의 로드 시간을 개선하는 데 도움이 됩니다(나중에 볼 수 있듯이 이 동작을 변경할 수 있음).

그런 다음 Cloudflare는 사용자에게 가장 가까운 데이터 센터에서 이러한 정적 자산을 제공하여 로딩 시간을 줄이고 서버의 대역폭과 서버 부하를 줄입니다. 사이트에서 CDN을 활성화하려면 사이트에서 Cloudflare가 활성화되어 있고 우회 모드가 아니어야 합니다. Cloudflare 뒤에 있는 경우 NS 레코드에 주황색 구름이 표시됩니다.

WordPress 사용자로서 다른 CDN을 사용할 수도 있습니다. 이에 대해서는 과거에 작성한 적이 있으며 여기에서 읽을 수 있습니다.
다음은 CDN이 활성화된 로딩 시간과 현재 Vanilla 전자상거래 사이트에 대한 CDN의 로딩 시간을 빠르게 비교한 것입니다. 최적화가 적용되지 않았습니다(사이트가 달라스 데이터 센터에서 호스팅되므로 시드니에서 테스트를 수행했습니다).

보시다시피 사이트는 기본적으로 그다지 훌륭하지 않습니다(우리는 Gtmetrix를 사용하고 있습니다). 이제 2~3회 새로 고침 후에 CDN을 활성화하고 다음과 같은 결과를 얻습니다(상황이 개선되었습니다)

더 나아가 주로 정적 HTML 사이트를 실행하고 싶다면 상황을 더욱 개선하여 Cloudflare가 사이트를 완전히 캐시하고 전 세계적으로 빠르게 로드하도록 할 수 있습니다. 이렇게 하려면 Cloudflare에 몇 가지 페이지 규칙을 추가해야 합니다. 그러면 Cloudflare가 기본 페이지를 캐시하고 TTFB(Time to First Byte)가 더욱 단축됩니다.

페이지 규칙에서는 사이트에서 직접 작업하는 것을 허용하지 않으므로 도메인이 서버를 직접 가리키는 로컬 호스트 파일 항목을 컴퓨터에 설정해야 합니다. 이러한 호스트 레코드 설정에 대해 읽을 수 있습니다. 또한 변경을 수행한 후 캐시를 지우려면 사이트에 Cloudflare 플러그인을 설치해야 합니다. 여기에서 다운로드하거나 내부 WordPress 새 플러그인 추가 검색을 사용하여 다운로드할 수 있습니다.

다음은 활성화된 규칙과 규칙 적용 전후의 로드 시간을 빠르게 비교한 것입니다. 이것을 무료 Cloudflare APO 대안으로 생각할 수 있습니다.

GTMetrix에서 거의 100개 등급으로 수치를 더 높이려면 JavaScript 로드를 지연시키고 페이지 속도와 GTMetrix 성능을 모두 높이는 WPOhub 플러그인의 니트로 부스트 기능을 탐색할 수 있습니다.

최적의 결과를 위해 Cloudflare 설정을 구성하는 방법은 무엇입니까?

Cloudflare에는 웹사이트를 돕고 안전하고 빠르게 만드는 데 사용할 수 있는 다양한 옵션이 있지만 문제는 이들 모두가 WordPress에서 완벽하게 작동하는 것은 아닙니다. 하지만 걱정할 필요가 없습니다. 아래에는 귀하의 WordPress 사이트에 가장 적합한 최고의 Cloudflare 설정이 나와 있으므로 걱정할 필요가 없습니다.

• 클라우드플레어 SSL
• HTTPS 설정
• Cloudflare 속도 최적화
• 캐싱 설정
• Cloudflare를 사용하는 WordPress 방화벽
• Cloudflare의 네트워크 설정

1. 클라우드플레어 SSL

Cloudflare의 또 다른 뛰어난 기능은 Cloudflare를 통해 호스팅되는 모든 웹사이트에 무료 SSL이 제공된다는 것입니다. 이 기능은 사이트와 클라이언트 간의 통신이 안전하고 스누핑될 수 없도록 보장합니다. Cloudflare는 다양한 설정 방법을 지원합니다 .

Cloudflare는 4가지 SSL/TLS 암호화 모드를 제공합니다.

1. 끄기 : 이 모드는 암호화를 완전히 비활성화합니다.
2. 유연성 : 브라우저와 Cloudflare 사이의 연결만 암호화합니다.
3. 전체 : 종단 간 암호화를 구현하지만 원본 서버에서 자체 서명된 인증서의 사용을 허용합니다.
4. 전체(엄격) : 종단 간 암호화를 제공하고 Cloudflare의 무료 원본 인증서 또는 신뢰할 수 있는 인증 기관(CA)의 인증서를 요구합니다. 최적의 보안을 위해 전체(엄격) SSL 모드를 사용하는 것이 좋습니다.

2. 항상 HTTPS를 사용하세요

전체 또는 엄격 모드를 권장합니다. 기본 설정은 일반적으로 대부분의 설정에 적합하지만 필요한 경우 다음 설정을 조정할 수 있습니다.

• Edge 인증서에서 "항상 HTTPS 사용"을 활성화하면 사이트에 대한 보안되지 않은 액세스가 허용되지 않습니다.
• 마찬가지로 규정 준수 표준에서 요구하는 경우에도 안전하지 않은 것으로 간주되도록 "최소 TLS 버전"을 1.2로 설정하세요.
• 마찬가지로 "자동 HTTPS 재작성"을 활성화하면 HTTP에서 HTTPS 사이트로 마이그레이션할 때 혼합 콘텐츠 경고가 표시되지 않습니다 .

3. Cloudflare 속도 최적화

웹사이트 속도 최적화를 찾고 있다면 Cloudflare에 전용 탭이 있습니다. 속도 최적화와 관련된 모든 설정은 "속도" 탭에서 찾을 수 있습니다.

3.1 이미지 크기 조정

Cloudflare의 이미지 크기 조정 기능은 비즈니스 요금제에만 적용되며 올바르게 구성되면 다음과 같은 장점이 있습니다.

• WordPress에서 Cloudflare로 이미지 썸네일 제작을 오프로드하는 데 도움이 됩니다.
• CPU 사용량을 절약하여 추가 CPU 성능 없이도 더 많은 사용자가 사이트를 방문할 수 있도록 합니다.
• 서버에 썸네일을 저장할 필요가 없기 때문에 디스크 공간이 줄어듭니다.
• 이미지 링크에 무언가를 추가하여 크기를 조정하는 방식으로 작동합니다.

예를 들어 이미지 URL의 크기를 조정하려는 경우: " https://example.com/wp-content/uploads/2024/09/sampleimage.jpg "

크기를 조정하면 다음과 같이 변경됩니다: " https://example.com/cdn-cgi/image/fit=contain,format=auto,metadata=none,onerror=redirect,quality=70,width=720/ https://yourdomain.com/wp-content/uploads/2024/09/sampleimage.jpg “

3.2 자동 축소

이 특별한 Cloudflare 기능은 캐시된 CSS, JSS, HTML을 축소하는 데 매우 유용합니다. 자산을 축소하기 위해 WP Rocket과 같은 타사 WordPress 플러그인을 사용하지 않는 경우 Cloudflare의 자동 축소 기능을 사용하는 것이 좋습니다.

이와 관련하여 WPOven 사용자에게는 추가적인 이점이 있습니다. Cloudflare의 통합 외에도 WPOven의 독점 축소 플러그인을 사용하고 호스팅 계획과 함께 무료로 번들로 제공되는 통합 WP Rocket을 활성화할 수도 있습니다.

3.3 Cloudflare 폴란드어

Cloudflare의 다듬기 기능은 전문 계획 사용자에게만 제공되며 WordPress 사이트에서 지원되는 모든 이미지 형식을 자동으로 압축합니다.

• Cloudflare Polish는 JPG, PNG, GIF와 같은 이미지 파일을 자동으로 압축합니다.
• Cloudflare의 에지에서 작동하므로 WordPress 사이트의 서버 속도가 느려지지 않습니다.
• Polish는 또한 WEBP 형식을 지원하여 Chrome 및 Brave와 같은 호환 브라우저에 최적화된 WEBP 이미지를 제공합니다.
• 특히 다른 이미지 최적화 플러그인을 사용하는 경우 서버 CPU 사용량을 줄여주기 때문에 WordPress 사이트에 유용합니다.
• 폴란드어에 최적화된 이미지는 서버에 저장되지 않으며 서버에 WEBP 버전을 저장할 필요가 없으므로 디스크 공간을 절약합니다.

3.4 Brotli 압축

Brotli 압축은 Gzip 압축과 다소 유사하지만 인터넷을 통한 더 빠른 전송을 위해 파일을 더 작게 만드는 다른 알고리즘을 따릅니다. Google에서 개발했으며 Gzip보다 압축률이 더 좋습니다.

Brotli의 단점은 널리 지원되지 않는다는 점이지만, 그렇다고 해서 Brotli를 활성화해서는 안 된다는 의미는 아닙니다. 이를 선택해야 하며, 브라우저가 이를 지원하지 않으면 자동으로 Gzip 압축으로 전환됩니다.

3.5 로켓 로더

로켓 로더(Rocket Loader)는 JavaScript 파일을 더욱 스마트하게 로드하여 웹사이트를 더 빠르게 만드는 데 도움이 되는 cloudflare의 또 다른 기능입니다.

• 이렇게 하면 페이지의 렌더링 차단 콘텐츠가 줄어들어 페이지 로드 시간이 빨라집니다.
• 다음 파일로 이동하기 전에 하나의 JavaScript 파일이 로드될 때까지 기다리는 대신 모든 파일을 한 번에 로드합니다.
• 이는 모든 JavaScript 로드가 완료될 때까지 기다릴 필요가 없기 때문에 페이지가 더 빠르게 로드될 수 있음을 의미합니다.
• 이는 멋진 기능을 위해 많은 JavaScript를 사용하는 웹사이트에 특히 유용합니다.
• 로켓 로더를 활성화하여 사이트를 테스트하여 페이지 속도가 향상되는지 확인하는 것이 좋습니다.

3.6 미라지

Mirage는 주로 모바일 및 저속 연결에 초점을 맞춘 또 다른 cloudflare의 프로 기능입니다. 작동 방식은 다음과 같습니다.

• 웹 페이지가 로드될 때 Mirage는 흐린 이미지를 먼저 표시하고, 페이지가 로드된 후 흐릿한 이미지를 원본 이미지로 바꿉니다.
• 또한 하나의 요청에 여러 이미지를 넣어 페이지 로드 속도를 높일 수도 있습니다.
• 웹사이트에 이미지가 많고 많은 사람이 휴대폰으로 웹사이트를 방문하는 경우 Mirage를 사용하면 사이트 로드 속도를 높일 수 있습니다.

3.7 향상된 HTTP/2 우선순위 지정

향상된 HTTP/2 우선순위 지정은 Cloudflare Pro 사용자에게만 제공되는 기능입니다.

• HTTP/2는 리소스를 동시에 로드하여 웹 사이트를 더 빠르게 만들었습니다.
• Cloudflare의 향상된 HTTP/2 우선순위 지정은 웹사이트의 HTML을 분석하여 가장 빠른 성능을 위해 먼저 로드할 리소스를 결정함으로써 그 이상입니다.
• Cloudflare에 따르면 이 기능은 페이지 로드 시간을 최대 50%까지 줄일 수 있습니다.

4. 캐싱 설정

더 나은 캐싱을 위해 다음 설정을 따를 수 있습니다.

• "캐싱" 메뉴로 이동하여 "구성"을 클릭합니다.
• Google 규칙을 따르려면 '브라우저 캐시 TTL'을 최소 1개월로 설정하세요.
• 캐시 시간이 길어지면 더 많은 방문자가 Cloudflare를 사용하여 사이트를 빠르게 볼 수 있습니다.
• Cloudflare APO를 사용하는 경우 캐시 시간을 더 길게 유지하면 사이트 속도가 더욱 빨라질 수 있습니다.

4.1 크롤러 힌트 활성화

• "크롤러 힌트"를 켜면 검색 엔진이 더 잘 작동하고 서버의 부하를 줄일 수 있습니다.

4.2 항상 온라인 활성화

• "항상 온라인"은 사이트가 다운될 경우를 대비해 사이트의 사본을 보관하지만 온라인 상점에는 적합하지 않을 수 있습니다.

4.3 캐싱 수준

"캐싱 수준"을 "표준"으로 유지하는 것이 좋습니다.

4.4 스마트 계층형 캐시 토폴로지 활성화

• "스마트 계층형 캐싱 토폴로지"를 사용하여 대역폭을 절약하고 사이트 운영 비용을 저렴하게 만드세요.

4.5 캐시 예약 활성화

• 또한 "캐시 예약"을 사용하여 사이트의 일부를 더 오랫동안 캐시에 보관할 수 있지만 약간의 비용이 들 수 있으며 이미지와 같은 특정 유형의 파일에만 작동합니다.

5. Cloudflare를 사용한 WordPress 방화벽

Cloudflare를 사용하는 또 다른 장점은 모든 웹사이트에 웹 애플리케이션 방화벽이 제공된다는 것입니다.

대부분의 공격으로부터 웹사이트를 보호하는 데 도움이 되는 최소한 2가지 규칙을 따르는 것이 좋습니다. 예: DDoS, 무차별 공격 등

이미 웹사이트에 강력한 비밀번호를 사용하고 있다면 걱정할 필요가 없습니다. 그러나 봇이나 공격자의 요청이 많으면 CPU에 해를 끼치고 리소스를 과도하게 사용할 수 있습니다.

규칙을 시작하려면 먼저 IP 주소를 화이트리스트에 추가해야 합니다. 이렇게 하려면 Cloudflare 패널로 이동하여 > “방화벽” 탭 클릭 > 도구를 클릭하세요.

도구 섹션에서 IP를 추가할 수 있습니다(공용 IP를 확인하기 위해 google "내 IP가 무엇인지"). 동적 IP가 있는 경우 서로 다른 시간에 할당된 IP와 유사한 IP 범위에 입력할 수 있습니다.

다음으로, 표준 WordPress 사이트에서 흔히 볼 수 있는 가장 일반적인 문제를 해결하기 위해 몇 가지 페이지 규칙을 추가하겠습니다.

1. wp-login.php에 대한 액세스를 차단합니다. 이 페이지는 사이트에 로그인하는 데 사용되며 공격자가 무차별 대입 공격을 수행하는 일반적인 끝점이므로 브라우저가 사용되고 있는지 확인하는 규칙을 생성합니다. 또한 봇이 아닌지 확인하기 위해 추가 검사를 수행합니다.
아래와 같은 페이지 규칙을 생성하고 배포합니다.

이 규칙을 추가하지 않으려면 플러그인을 사용하여 WordPress 로그인을 숨길 수도 있습니다.

2. xmlrpc.php에 대한 액세스도 제한하므로 사이트에 대한 무차별 대입 공격에도 사용되지 않습니다. 방화벽 규칙 아래의 방화벽에서 다음 규칙을 만들 수 있으며 JetPack 이외의 모든 액세스를 차단합니다(귀하 이 페이지에서 JetPack IP 범위 목록을 찾을 수 있습니다.)

아래 표현식을 사용하여 규칙을 작성할 수도 있습니다.

이 두 가지 기본 규칙을 사용하면 WordPress가 직면하는 가장 일반적인 무차별 공격과 자동화된 위협을 차단할 수 있습니다.

6. Cloudflare의 네트워크 설정

Cloudflare의 "네트워크" 설정에서 HTTP/2, HTTP/3(QUIC 사용) 및 0-RTT 연결 재개를 켜세요.

• HTTP/2는 한 번에 여러 작업을 수행하여 작업 속도를 높이는 반면, HTTP/3은 QUIC라는 새로운 데이터 전송 방법을 사용하여 더욱 발전했습니다.
• HTTP/3을 사용하면 더 나은 설정을 사용하므로 사이트가 Cloudflare에 더 빠르게 연결됩니다.
• 또한 Cloudflare의 0-RTT 연결 재개 기능을 사용하면 이전에 사이트를 방문한 적이 있는 사람들이 사이트를 더 빠르게 로드할 수 있습니다.

최적의 결과를 위해 Cloudflare WordPress 플러그인 설정을 구성하는 방법은 무엇입니까?

Cloudflare를 사용하여 정적 자산이나 동적으로 생성된 자산을 캐시할 예정이므로 Cloudflare에서 제공하는 WordPress 플러그인을 설치하는 것이 가장 좋습니다. 이를 통해 사이트를 업데이트하는 경우 Cloudflare 캐시를 쉽게 지울 수 있으며, 제공된 APO(자동 플랫폼 최적화) 기능을 사용하는 경우에도 필요합니다.

설치를 시작하려면 WordPress의 새 플러그인 추가 섹션을 방문하여 Cloudflare를 검색하세요. 플러그인을 찾으면 설치를 클릭한 다음 플러그인을 활성화하세요. 플러그인에 필요한 유일한 구성은 Cloudflare에 연결하는 것뿐입니다. Cloudflare를 통해 사이트에서 변경 사항을 알릴 수 있습니다.

Cloudflare 플러그인에 사이트를 연결하기 위해 글로벌 API를 공유하고 싶지 않으므로 토큰 방법을 사용하므로 다음 설정을 사용하여 사용자 지정 토큰을 만듭니다.

토큰이 생성되면 토큰을 복사하고 플러그인을 활성화하면 다음 페이지가 표시됩니다.

대부분의 설정은 최적의 사용을 위해 이미 구성되어 있습니다.

전체 단계별 읽기: WordPress 사이트에 Cloudflare를 설치하는 방법은 무엇입니까?

1. Cloudflare 자동 플랫폼 최적화(APO)

Cloudflare를 사용하면 기본적으로 웹사이트의 정적 자산만 캐시됩니다. 하지만 필요한 경우 웹페이지를 캐시할 수도 있습니다. 유일한 문제는 웹사이트를 업데이트하고 작업하려면 몇 가지 추가 단계를 거쳐야 한다는 것입니다.

하지만 Cloudflare WordPress 플러그인을 사용하면 이 문제를 해결할 수도 있습니다. 플러그인은 모든 것을 자동으로 만들어 이러한 추가 단계를 줄여줍니다.

어떻게 작동하는지 살펴보겠습니다.

APO를 사용하면 페이지를 포함하는 모든 웹 사이트 자산이 에지 노드로 이동됩니다. 이는 전 세계적으로 웹사이트의 TTFP를 줄이고 전반적인 사용자 경험을 향상시킵니다.

이 기능은 무료 플랜에서 5달러의 유료 애드온으로 제공되며 사이트에 Cloudflare WordPress 플러그인을 추가해야 합니다.
이것은 유료 애드온이므로 지금은 여기서 다루지 않겠습니다.

2. 아르고와 레일건

Argo와 Railgun은 Cloudflare에서 제공하는 두 가지 성능 향상 기능입니다.

아르고

• 이는 웹사이트 트래픽이 가장 빠른 경로를 찾는 데 도움이 되는 Cloudflare의 추가 서비스입니다.
• Argo를 사용하면 방문자는 Cloudflare 네트워크의 느린 지점을 방지하여 사이트 로드 속도를 높일 수 있습니다.
• 테스트 결과 Argo는 페이지 로드 속도를 20~30% 더 빠르게 만들 수 있는 것으로 나타났습니다.
• 이는 웹 사이트 속도를 더욱 향상시키려는 Cloudflare 사용자에게 훌륭한 기능입니다.

레일건

Railgun은 웹 사이트 콘텐츠가 방문자에게 전달되는 속도를 높이는 또 다른 Cloudflare 도구입니다. 작동 방식은 다음과 같습니다.

• 이는 귀하의 서버와 Cloudflare 서버 사이에 보안 경로를 생성합니다.
• Railgun은 요청 간에 변경되는 사이트 부분만 전송하므로 작업이 더 빠르게 로드됩니다.
• 이 기능은 상위 또는 프로 플랜에만 적용되며 서버에 추가 소프트웨어가 필요합니다.
• 대부분의 웹사이트에 Railgun은 필요하지 않지만 바쁜 전자상거래 상점과 캐시할 수 없는 트래픽이 많은 웹사이트에 유용합니다.

요약

WordPress 사이트의 공식 설정과 함께 Cloudflare 설정을 올바르게 구성하는 방법을 이해하면 웹 사이트의 속도, 보안 및 성능을 향상시킬 수 있습니다.

Cloudflare는 귀하가 운영하는 비즈니스 유형에 관계없이 모든 WordPress 사이트에서 발생할 수 있는 최고의 기능 중 하나입니다. 이는 귀하의 웹사이트에 엄청난 가치를 더해주는 혜택이 될 수 있습니다. 이를 WordPress 및 가장 빠른 WordPress 관리형 호스팅과 결합하면 장기적으로 봤을 때 웹사이트의 성공을 이길 수 있는 사람은 아무도 없습니다.

자주 묻는 질문

비크란트 다타

저는 현재 캐나다 밴쿠버에 거주하는 WPOven INC의 공동 창업자입니다. 내 관심 분야는 웹 개발부터 제품 개발, 클라이언트 프로젝트까지 다양합니다. 저는 웹 개발, WordPress, 기업가 정신에도 관심이 있습니다.