Home IT/WEB WP Super Cache 플러그인 설정 방법 및 오류 해결

WP Super Cache 플러그인 설정 방법 및 오류 해결

WordPress 웹사이트에 대한 chching plugin 중 하나인 WP Super Cache 설정방법에 대해서 살펴보겠습니다.

inline ad

WP Super Cache 플러그인 설정

Easy

플러그인을 설치하고 활성화 한 후에 설정 > WP Super Cache 메뉴로 들어오시면 세부 설정이 가능합니다. Caching On 옵션을 선택한 다음 update Status 버튼을 클릭합니다.

Test Cache

이제 Test Cache 버튼을 눌러서 정상적으로 동작하는지 확인 할 수 있습니다.

WP Super Cache는 wordpress 사이트를 두번 가져오고 두 페이지의 timestamps를 비교합니다. 두 타임스탬프가 일치하면 현재 사이트에서 캐싱이 작동한다고 볼 수 있습니다.

아래는 정상적으로 동작하고 있습니다. 혹시 Test Cache 할 때 실패한 경우가 발생한다면 플로그인과 충돌이 발생되서 그런거 없는지 확인해보시길 바랍니다. 예전에 kboard 라는 게시판 플러그인을 쓴적이 있었는데 이 플러인과 충돌이 있어서 슈퍼 캐시 플러그인이 동작하지 않았던 기억이 있습니다.

Advanced

Advanced 탭으로 이동하여 더 추가 옵션을 선택해줘야 합니다.

Enable Caching 체크 박스에 체크해주시고 캐시 전달방법을 선택할 수 있습니다.Simple 은 php를 사용하여 캐쉬된 정적 파일을 제공합니다.

Miscellaneous

Miscellaneous 제목 아래에서 로그인 한 방문자는 동적 데이터에 액서스해야 할 수 있으므로 캐싱을 비활성화하는 것이 좋습니다.

Compress pages so they’re served more quickly to visitors.
방문자에게 더 빨리 제공되도록 페이지를 압축하시오 라는 옵션을 체크하여 압축 설정을 활성화합니다. 그러면 Gzip 압축이 켜집니다.

304 Browser caching 옵션을 켭니다. 방문자의 로컬 컴퓨터에 정적 리소트를 저장하는 또 다른 유형의 캐싱입니다.

Advanced

Advaced 색션으로 이동하면 아래 체크된 박스를 체크해주시면 됩니다.
게시물이나 페이지를 게시하거나 업데이트 할 때는 캐시 파일을 지우도록 해야합니다.

만료시간설정

cache timeout 시간은 기존 1800초(30분) 으로 설정되어 있는데 저는 86400(24시간) 하루로 수정해두었습니다. 서버는 캐시 된 파일을 너무 자주 생성할 필요가 없습니다.

지금까지 WP Super Cache plugin 설정 방법을 알아보았습니다.

RECENT POSTS

[css]autoprefixer: end value has mixed support, consider using flex-end instead warning 처리 및 다양한 에러 메시지 의미

이 경고 메시지는 CSS를 처리하는 도구인 Autoprefixer가 justify-content: end; 속성값을 처리하려 할 때 발생합니다. Autoprefixer는 CSS에 벤더 접두사를 자동으로 추가해 주는 도구로, 다양한 브라우저에서 CSS 속성이...

[javascript]Math.min, Math.max 사용방법

Math.min과 Math.max는 JavaScript의 Math 객체에서 제공하는 메서드로, 각각 주어진 숫자들 중 최소값과 최대값을 반환합니다. 이 메서드들은 다양한 수학 연산과 데이터 처리에서 유용하게 사용될 수...

널 병합 연산자 Nullish coalescing operator (??) 에 대해서 알아보자.

널 병합 연산자 Nullish coalescing operator (??)는 JavaScript에서 null이나 undefined 값을 체크하는 데 사용되는 연산자입니다. 이 연산자는 좌변의 피연산자가 null 또는 undefined일 경우 우변의 피연산자를 반환하고, 그렇지 않은 경우 좌변의...

[css]부모 요소의 border-radius가 자식 요소의 background-color로 가려지지 않도록 설정할 수 있는 방법

overflow: hidden 속성 사용 부모 요소의 border-radius를 자식 요소의 background-color로 가려지지 않도록 설정해야 합니다. 이를 위해 부모 요소에 overflow: hidden; 속성을 추가하여 자식 요소의 배경이...