웹사이트 검색

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


이 페이지에서

  1. 파트 1 - W3 총 캐시 설치
  2. 파트 2 – W3 총 캐시 플러그인 설정\n
  3. 3부 – CloudFlare CDN 설정

이 가이드는 W3 Total Cache Plugin 및 CloudFlare CDN 무료 계정으로 Wordpress 웹사이트 로드 속도를 높이는 방법을 보여줍니다. 이 자습서에서 Wordpress CMS 시스템은 Debian 9 자체 호스팅 가상 머신의 LAMP 스택(Linux + Apache HTTP 서버 + MariaDB RDBMS 및 PHP) 위에 설치되지만 약간의 변경만 있으면 동일한 절차를 성공적으로 적용할 수 있습니다. , 전용 서버, VPS 또는 공유 호스팅 환경에 배포되는지 여부에 관계없이 모든 Wordpress 웹 사이트에서.

요구 사항

  • 등록된 공개 도메인에서 사용할 수 있는 Wordpress 웹사이트입니다. LAMP 스택 위에 자체 Wordpress 웹 사이트를 배포하려는 경우 이 자습서의 지침을 읽어야 합니다. https://linux-console.net/tutorial/install-wordpress-on-lamp-in-debian -9/
  • W3 Total Cache 플러그인 설치 및 Wordpress 활성화\n
  • CloudFlare 무료 계정

초기 참고 사항:

귀하의 Wordpress 웹사이트가 LAMP 스택 상단의 전용 서버에 설치되어 있는 경우, 가장 먼저 확인해야 할 것은 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

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

파트 1 - W3 총 캐시 설치

  • W3 Total Cache 플러그인을 설치하려면 WordPress 대시보드에 로그인하고 플러그인 -> 새로 추가 링크를 누르십시오. 검색 필드에 W3 Total Cache라고 쓰고 지금 설치 버튼을 눌러 다음 이미지와 같이 설치 프로세스를 시작합니다.

  • W3 Total Cache 플러그인 설치가 완료되면 활성화 W3 Total Cache 플러그인 버튼 을 눌러 플러그인을 활성화합니다.\n

파트 2 – W3 총 캐시 플러그인 설정

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

<비>2. 그런 다음 일반 설정으로 이동하여 페이지 캐시 옵션을 활성화하십시오. Disk:Enhaced 페이지 캐시 방법을 사용하고 아래로 스크롤하여 다음 옵션으로 이동합니다.

<비>3. 그런 다음 아래로 스크롤하여 축소, 데이터베이스 캐시 및 개체 캐시를 비활성화하세요. CloudFlare CDN이 웹 사이트 자바스크립트, CSS 및 HTML 파일을 축소하고 자체 캐싱 메커니즘도 제공하기 때문입니다.

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

4. 그런 다음 아래 이미지와 같이 아래로 스크롤하여 브라우저 캐시를 활성화합니다.

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

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

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

  • 캐시 첫 페이지

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

  • 캐시 SSL(https) 요청

  • 로그인한 사용자의 페이지를 캐시하지 않음\n

  • 관리자, 편집자, 작성자, 기여자 및 구독자와 같은 사용자 역할에 대한 페이지를 캐시하지 마십시오.\n

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

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

10. 다음으로 아래 이미지에 설명된 대로 제거 정책: 페이지 캐시 화면에서 첫 페이지, 게시물 페이지, 블로그 피드, 게시물 댓글 페이지 rss2 옵션을 아래로 스크롤하여 활성화합니다. .

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

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

  • 마지막 수정 헤더 설정\n

  • 만료 헤더 설정\n

  • 캐시 제어 헤더 설정\n

  • 엔티티 태그 설정

  • W3 총 캐시 헤더 설정\n

  • HTTP gzip 압축 사용

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

  • 마지막 수정 헤더 설정\n

  • 만료 헤더 설정\n

  • 캐시 제어 헤더 설정\n

  • 캐시 제어 정책최대 수명 및 유효성 검사가 있는 캐시("max-age=EXPIRES_SECONDS, public, must-revalidate, proxy-revalidate”)로 설정\n

  • 엔티티 태그 설정(ETag)

  • W3 총 캐시 헤더 설정\n

  • HTTP gzip 압축 사용

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

3부 – CloudFlare CDN 설정

15. Wordpress에서 CloudFlare 플러그인을 활성화하려면 Performance -> Extensions - CloudFlare로 이동하여 다음 이미지와 같이 활성화 링크를 누르십시오.

16. CloudFlare 플러그인을 구성하려면 아래 스크린샷과 같이 확장 프로그램 메뉴에서 설정 링크를 누르십시오.

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

18. CloudFlare가 도메인 DNS 레코드를 스캔하고 계속 버튼을 눌러 DNS 레코드 화면으로 이동할 때까지 1분 정도 기다립니다. 검색된 DNS 레코드 화면에서 모든 도메인 레코드가 검색되었는지 확인합니다. 모든 DNS 레코드가 목록에 있으면 계속 버튼을 눌러 계속 진행하십시오. 아래 스크린샷을 가이드로 사용하세요.

19. 다음으로 도메인에 대한 CloudFlare 요금제를 선택하고 계속 버튼을 눌러 다음 화면으로 이동해야 합니다. 이 자습서에서는 무료 웹 사이트 계획을 선택합니다.

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

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

22. 다음으로 CloudFlare 웹 패널로 이동하여 Speed 메뉴 버튼을 누릅니다. 여기에서 아래 이미지와 같이 JavaScript, HTML 및 CSS에 대한 자동 축소 옵션을 활성화합니다. 이 설정은 모든 javascript, CSS 및 HTML 파일을 압축하여 볼륨을 줄이고 최종 클라이언트 브라우저에 더 빠르게 전달합니다.

23. 아래 그림과 같이 아래로 스크롤하여 로켓 로더에 대한 자동 모드를 활성화합니다.

24. 다음으로 암호화 버튼을 누르고 SSL 암호화전체로 설정합니다. 그런 다음 메인 화면으로 이동하여 API 키를 받고 Wordpress CloudFlare 확장 프로그램을 활성화합니다. API 키 가져오기 링크를 클릭하고 글로벌 API 키를 선택한 다음 API 키 보기 버튼을 클릭합니다. 새 팝업 창이 열립니다. 클립보드에서 API 키 문자열을 복사하고 팝업 창을 닫습니다.

25. Wordpress 웹사이트로 돌아가서 성능 -> 확장 프로그램 -> CloudFlare로 이동하여 설정 링크를 누르십시오. CloudFlare 화면에서 Authorize 버튼을 누르고 CloudFlare에 가입한 이메일 주소와 Global API 키에서 복사한 API 키를 추가합니다. 마치면 다음 버튼을 눌러 계속하십시오.

26. 도메인 영역을 선택하고 다음 버튼을 눌러 인증 프로세스를 완료합니다. 그런 다음 Wordpress의 CloudFlare 플러그인을 통해 도메인에 대한 CloudFlare CDN 설정 관리를 시작할 수 있습니다.

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

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