LAMP에서 W3 Total Cache 및 CloudFlare CDN으로 WordPress 구성하기

이 가이드는 W3 Total Cache 플러그인과 CloudFlare CDN 무료 계정을 사용하여 WordPress 웹사이트의 로드 속도를 높이는 방법을 보여줍니다. 이 튜토리얼에서는 Debian 9 자체 호스팅 가상 머신에서 LAMP 스택(리눅스 + 아파치 HTTP 서버 + MariaDB RDBMS 및 PHP) 위에 WordPress CMS 시스템이 설치되어 있지만, 동일한 절차는 전용 서버, VPS 또는 공유 호스팅 환경에 배포된 모든 WordPress 웹사이트에 약간의 변경으로 성공적으로 적용될 수 있습니다.

요구 사항

• 등록된 공용 도메인에서 사용할 수 있는 WordPress 웹사이트. LAMP 스택 위에 자체 WordPress 웹사이트를 배포하려는 경우, 이 튜토리얼의 지침을 읽는 것을 고려해야 합니다: https://www.howtoforge.com/tutorial/install-wordpress-on-lamp-in-debian-9/
• WordPress에 설치 및 활성화된 W3 Total Cache 플러그인
• CloudFlare 무료 계정

초기 노트:

전용 서버 위에 LAMP 스택에서 WordPress 웹사이트가 설치된 경우, 가장 먼저 확인해야 할 것은 FTP 서버가 로컬에 설치되지 않고도 WordPress 대시보드에서 새 플러그인을 설치할 수 있는지 여부입니다. 새 플러그인을 설치하기 위해 FTP 계정을 입력하라는 메시지가 표시되면 WordPress 직접 파일 시스템 쓰기 방법을 활성화해야 합니다. 이 WordPress 기능을 활성화하려면 웹사이트 웹 루트 디렉토리에 있는 wp-config.php 파일을 열고 파일 내용의 아무 곳에나 다음 코드 줄을 추가합니다.

define('FS_METHOD', 'direct');

다음 스크린샷에 설명된 대로 wp-config.php 파일을 수동으로 업데이트하지 않고도 동일한 작업을 수행하기 위해 다음 명령을 실행할 수도 있습니다.

echo "define('FS_METHOD', 'direct');" | tee -a /path/to/website/wp-config.php

W3 Total Cache 플러그인을 CloudFlare CDN과 설정하기 전에 다음 링크에서 GTmetrix 웹사이트를 방문하여 https://gtmetrix.com 도메인에 대한 성능 테스트를 수행하여 CDN 통합 후 결과를 비교하십시오.

1부 - W3 Total Cache 설치하기

• W3 Total Cache 플러그인을 설치하려면 WordPress 대시보드에 로그인하고 플러그인 -> 새로 추가 링크를 클릭합니다. 검색 필드에 W3 Total Cache를 입력하고 지금 설치 버튼을 클릭하여 설치 프로세스를 시작합니다. 다음 이미지에 설명된 대로 진행합니다.

• W3 Total Cache 플러그인 설치가 완료되면 W3 Total Cache 플러그인 활성화 버튼을 클릭하여 플러그인을 활성화합니다.

2부 – W3 Total Cache 플러그인 설정하기

1. W3 Total Cache 플러그인을 구성하려면 WordPress 대시보드로 이동하여 왼쪽 메뉴에서 플러그인 -> 설치된 플러그인으로 가서 W3 Total Cache의 설정 링크를 클릭하여 구성 프로세스를 시작합니다.

2. 그런 다음 일반 설정으로 이동하여 페이지 캐시 옵션을 활성화합니다. 디스크: 향상된 페이지 캐시 방법을 사용하고 아래로 스크롤하여 다음 옵션으로 이동합니다.

3. 다음으로 아래로 스크롤하여 축소, 데이터베이스 캐시 및 객체 캐시를 비활성화합니다. CloudFlare CDN이 웹사이트의 자바스크립트, CSS 및 HTML 파일을 축소하고 자체 캐싱 메커니즘을 제공할 것입니다.

공유 호스팅 환경에 WordPress 웹사이트가 설치된 경우 데이터베이스 캐시를 비활성화해야 합니다.

4. 다음으로 아래로 스크롤하여 브라우저 캐시를 활성화합니다. 아래 이미지에 설명된 대로 진행합니다.

5. 아래로 스크롤하여 CDN 및 리버스 프록시 옵션을 비활성화한 다음 기타 탭으로 이동하여 다음 옵션을 활성화합니다: 재작성 규칙 확인. 아래 이미지에 표시된 대로 다른 모든 옵션을 비활성화했는지 확인하십시오.

6. 다음으로 아래로 스크롤하여 모든 디버그 옵션을 비활성화합니다. 마지막으로 모든 설정 저장 버튼을 클릭하여 구성을 적용합니다. 또한, 여기에서 W3 Total Cache 플러그인 구성을 내보내거나 문제가 발생할 경우 플러그인을 기본 설정으로 재설정할 수 있는 옵션이 있습니다.

7. 다음 설정은 왼쪽 메뉴의 페이지 캐시 옵션을 다룹니다. 일반 탭으로 이동하여 아래 스크린샷에 설명된 대로 다음 옵션을 활성화합니다.

• 프론트 페이지 캐시

• 피드 캐시: 사이트, 카테고리, 태그, 댓글

• SSL(https) 요청 캐시

• 로그인한 사용자에 대해 페이지 캐시하지 않기

• 다음 사용자 역할에 대해 페이지 캐시하지 않기: 관리자, 편집자, 작성자, 기여자 및 구독자.

8. 다음으로 아래로 스크롤하여 호스트 이름 캐시 별칭 옵션을 활성화합니다. 추가 홈 URL에 웹사이트의 모든 별칭( www 포함 또는 제외)을 입력하고 다음 옵션으로 아래로 스크롤합니다.

9. 캐시 프리로드 탭에서 페이지 캐시를 자동으로 프라임 옵션을 활성화합니다. 업데이트 간격 및 간격당 페이지 수의 값을 변경하지 마십시오. 또한 웹사이트에 대한 XML URL 사이트맵을 추가해야 합니다. 게시 이벤트 시 게시 시 게시물 캐시 프리로드 옵션을 활성화했는지 확인하십시오.

10. 다음으로 아래로 스크롤하여 프론트 페이지, 게시물 페이지, 블로그 피드, 게시물 댓글 페이지 및 rss2 옵션을 Purge Policy: 페이지 캐시 화면에서 활성화합니다. 아래 이미지에 설명된 대로 진행합니다.

11. 마지막으로 고급 탭으로 아래로 스크롤하여 호환성 모드 옵션만 활성화합니다. 다른 모든 옵션은 기본값으로 두고 모든 설정 저장 버튼을 클릭하여 지금까지 변경한 사항을 적용합니다.

12. 다음으로 브라우저 캐시 메뉴로 이동하여 일반 탭에서 아래 스크린샷에 표시된 대로 다음 옵션을 활성화했는지 확인합니다.

• 마지막 수정 헤더 설정

• 만료 헤더 설정

• 캐시 제어 헤더 설정

• 엔터티 태그 설정

• W3 Total 캐시 헤더 설정

• HTTP gzip 압축 활성화

13. 계속해서 아래로 스크롤하여 CSS & JS, XTML & XML 및 미디어 및 기타 파일 탭에 대해 다음 옵션을 활성화합니다.

• 마지막 수정 헤더 설정

• 만료 헤더 설정

• 캐시 제어 헤더 설정

• 캐시 제어 정책을 최대 연령 및 검증(“max-age=EXPIRES_SECONDS, public, must-revalidate, proxy-revalidate”)로 설정

• 엔터티 태그(ETag) 설정

• W3 Total 캐시 헤더 설정

• HTTP gzip 압축 활성화

14. 마지막으로 모든 설정 저장 버튼을 클릭하여 W3 Total Cache 플러그인 구성을 적용합니다. 그러나 W3 Total Cache 플러그인 설정을 조정하고 테스트를 실행하여 웹사이트에 가장 적합한 옵션을 결정해야 합니다.

3부 – CloudFlare CDN 설정하기

15. WordPress에서 CloudFlare 플러그인을 활성화하려면 성능 -> 확장 -> CloudFlare로 이동하여 아래 이미지에 설명된 대로 활성화 링크를 클릭합니다.

16. CloudFlare 플러그인을 구성하려면 확장 메뉴에서 설정 링크를 클릭합니다. 아래 스크린샷에 설명된 대로 진행합니다.

17. CloudFlare는 웹사이트의 리버스 프록시 가속기 역할을 하는 콘텐츠 전송 네트워크 서비스(CDN)입니다. 다른 기능 중 일부는 비용을 지불해야 하지만, CloudFlare는 캐시된 웹사이트에 대한 DNS 및 통합 보안 서비스를 제공합니다. 웹사이트를 CloudFlare CDN에 통합하려면 다음 링크에서 무료 계정에 가입하고 도메인을 네트워크에 추가하면 됩니다: https://www.cloudflare.com/a/login 아래 스크린샷에 설명된 대로 진행합니다.

18. CloudFlare가 도메인 DNS 레코드를 스캔할 때까지 약 1분 정도 기다린 후 계속 버튼을 클릭하여 DNS 레코드 화면으로 이동합니다. 감지된 DNS 레코드 화면에서 모든 도메인 레코드가 발견되었는지 확인합니다. 모든 DNS 레코드가 목록에 있으면 계속 버튼을 클릭하여 진행합니다. 아래 스크린샷을 가이드로 사용하십시오.

19. 다음으로 도메인에 대한 CloudFlare 요금제를 선택하고 계속 버튼을 클릭하여 다음 화면으로 이동합니다. 이 튜토리얼에서는 무료 웹사이트 요금제를 선택합니다.

20. 다음 화면에서 CloudFlare DNS 이름 서버를 기록하고 도메인 이름 서버를 accordingly 업데이트합니다. 도메인 이름 서버를 변경하려면 도메인 등록 기관 패널에 로그인해야 하며, 새로운 레코드는 가능한 한 빨리 업데이트되어야 합니다. 도메인 이름 서버는 CloudFlare 이름 서버를 정확히 가리켜야 하며 다른 ns 레코드는 없어야 합니다. 완료되면 계속 버튼을 클릭하여 통합 프로세스를 마칩니다. 그러나 계속 버튼을 클릭하고 나중에 등록 기관에서 DNS ns 레코드를 업데이트할 수 있습니다.

21. 도메인 이름 서버를 수정한 후 이름 서버 재확인 버튼을 클릭하여 활성화 프로세스를 강제로 진행합니다. 인터넷 클라우드에서 도메인 DNS 전파는 완료되는 데 최대 24시간이 걸립니다. 그러나 이 시간 동안 웹사이트는 어떤 식으로든 영향을 받지 않습니다. 다운타임 없음!

22. 다음으로 CloudFlare 웹 패널로 이동하여 속도 메뉴 버튼을 클릭합니다. 여기에서 아래 이미지에 설명된 대로 자동 축소 옵션을 자바스크립트, HTML 및 CSS에 대해 활성화합니다. 이 설정은 모든 자바스크립트, CSS 및 HTML 파일을 압축하여 볼륨을 줄이고 최종 클라이언트 브라우저에 더 빠르게 전달합니다.

23. 아래로 스크롤하여 로켓 로더에 대해 자동 모드를 활성화합니다. 아래와 같이 진행합니다.

24. 다음으로 Crypto 버튼을 클릭하고 SSL 암호화를 전체로 설정합니다. 그런 다음 API 키를 가져오고 WordPress CloudFlare 확장을 활성화하기 위해 기본 화면으로 이동합니다. API 키 가져오기 링크를 클릭하고 전역 API 키를 선택한 후 API 키 보기 버튼을 클릭합니다. 새로운 팝업 창이 열려야 합니다. 클립보드에서 API 키 문자열을 복사하고 팝업 창을 닫습니다.

25. WordPress 웹사이트로 돌아가서 성능 -> 확장 -> CloudFlare로 이동하여 설정 링크를 클릭합니다. CloudFlare 화면에서 인증 버튼을 클릭하고 CloudFlare에 가입한 이메일 주소와 전역 API 키에서 복사한 API 키를 추가합니다. 완료되면 다음 버튼을 클릭하여 계속 진행합니다.

26. 도메인 영역을 선택하고 다음 버튼을 클릭하여 인증 프로세스를 마칩니다. 그런 다음 WordPress의 CloudFlare 플러그인을 통해 도메인에 대한 CloudFlare CDN 설정을 관리할 수 있습니다.

27. 이미 등록 기관에서 DNS ns 레코드를 업데이트한 경우 몇 시간 기다린 후 CloudFlare 패널에 로그인할 수 있습니다. 웹사이트가 CloudFlare에서 성공적으로 활성화되어야 합니다.

CloudFlare CDN 서비스가 웹사이트 콘텐츠를 완전히 캐시할 때까지 며칠 기다리고 https://gtmetrix.com 웹사이트에서 웹사이트 속도를 다시 분석하십시오. 초기 보고서와 결과를 비교하여 CloudFlare CDN이 제공하는 성능 이점을 확인하십시오.