오늘 우리는 W3TC에 대한 튜토리얼을 계속합니다. 당신은 아마 이미 알고있다. 캐시 플러그인, 이를 통해 무엇보다도 속도를 높일 수 있습니다. 블로그 (성능 향상).

이 튜토리얼은 여러 부분으로 나뉩니다. 이후 캐시 소개부터 시작하여 몇 가지 예비 조정을했습니다. 아래에서 다른 장을 볼 수 있습니다.

• 부품 1 : 캐시 소개
• 제 2 : W3TC를 구성하는 방법
  • 일반 설정-에피소드 1
  • 추가 일반 설정-에피소드 2
  • 페이지 캐시 구성-3 에피소드
  • 축소 구성-에피소드 4 (현재 자습서)
  • 데이터베이스 캐시 구성-5 에피소드
  • 객체 및 브라우저 구성-에피소드 6
• 파트 3 : 질문에 대한 모든 답변
• 부품 4 : W3TC "Mainspan"매개 변수

제 2 : 구성 축약

우리는 구성 W3TC 여전히,하지만 지금의 파일 압축에 대해 이야기하자.

메뉴에 액세스하기 전에 작게하다 ", 먼저 활성화해야합니다." 작게하다 일반 설정에서. 압축 모드를 사용하도록 설정하고 사이트에서 제대로 작동하면 " 축소를 이 메뉴에 표시되는 것은 아래 스크린 샷에 표시된 내용의 단순화 된 버전입니다.

이 튜토리얼에서는 압축 프로세스 ( 파일 축소 )를 W3TC와 함께 사용하십시오. " 축소를 JS와 CSS의 조합은이 튜토리얼에서 볼 수있는 본질입니다.

작게하다 : 일반

메뉴의 일반 설정 작게하다 세 가지 옵션이 있습니다.

모듈 URL 재 작성 "기본적으로 활성화되어야하며 일반 URL 구조가 아닌"http GET "헤더를 사용하여 가져온 CSS 및 JS 파일을 보는 것을 선호하지 않는 한이 옵션을 그대로 두어야합니다.

"사용 중지 축소를 로그인 한 사용자는 변경할 수 없습니다. 로그인 한 사용자와 연결 해제 된 사용자에게 다른 CSS 및 JS 파일을 제공하지 않는 것이 좋습니다.

오류 알림 " 작게하다 관리자 알림을 설정해야합니다. 이를 통해 오류가있을 때이를 알릴 수 있습니다.

다음 섹션 " 모든 작게하다 ", 결합 및 이동"페이지 구성 요소 "옵션. 이로 인해 사이트 표시가 깨질 수 있습니다. 미리보기 모드를 켜고 사이트 레이아웃이 손상되지 않도록 변경하는 동안 사이트를 주시해야합니다.

축소 : HTML 및 XML

섹션 HTML 및 XML 축소 메뉴에서 간단합니다. 확인란은 " 축소를 "," " 인라인 CSS 및 JavaScript는 축소 스트림을 생략하고 줄 바꿈을 허용합니다.

옵션 "을 제외하고 피드를 축소하지 마십시오 선택하지 않은 상태로 유지하면 사이트 속도가 향상됩니다.

텍스트 상자 무시 코멘트 스팀 HTML을 "압축"할 때 제거하면 안되는 HTML 주석을 식별하는 데 사용됩니다. Google 애드워즈 및 독자와 관련된 댓글이 삭제되지 않도록하기 위해 일부 연결된 댓글은 기본적으로이 도메인에 있습니다. HTML 코드에 추가 주석이 포함되어 있고 " 축소 된 HTML에서이 텍스트 상자에 용어를 추가하면이 표현식이 포함 된 주석은 삭제되지 않습니다.

작게하다 JS

압축을 활성화 한 경우 자바 스크립트 및 CSS 메뉴에서 일반 설정 당신은 모든 작업을 할 수 있습니다 능숙 JavaScript와 표시되는 메뉴는 모두 아래 이미지의 단순화된 버전입니다.

수동 방법을 선택한 경우 메뉴 상단으로 스크롤해야합니다. 작게하다 그리고 마법사 버튼을 선택하십시오. 후자는 W3TC가 감지 한 JavaScript 및 CSS 파일을 나열합니다. JavaScript 및 CSS 파일 형식 모두에 대해 모든 확인란을 선택하고 " 신청 그리고 가까이. "메뉴에 JavaScript 및 CSS 파일이 추가됩니다 작게하다 수동으로 작업 할 수 있습니다.

"라는 이름의 상자를보십시오 지역에서 사용하기 ". 이 섹션에서는 다음 여부를 제어할 수 있습니다. 능숙 자바스크립트는 " 축소 된 그리고 옵션과 결합 작게하다 또는 단순히 결합 된 경우. 타입 어젯 서비스 » 방법에 대한 몇 가지 옵션을 제공합니다. 능숙 자바스크립트가 로드되었습니다. "의 각 옵션을 시도해 볼 수 있습니다. 블로킹 사이트의 프레젠테이션을 중단하지 않는 옵션을 찾을 때까지 옵션이 작동하지 않으면 기본값을 그대로 둡니다.

일반 설정에서 수동 압축 방법을 선택한 경우 각 파일을 단일 템플릿 또는 모든 템플릿에 할당하고 " 머리글 »르« 몸 "또는 아래" 몸 HTML 문서에서 각 파일이 나타나는 위치와로드 방법을 세부적으로 제어합니다. 당신은 또한« 드래그 앤 드롭 »파일, 일부 파일이 올바르게로드하기 위해 이전 파일에 의존하는 경우로드되는 순서를 재정렬합니다.

최적의 설정은 " 머리글 그리고 옵션 중 하나를로드하십시오 블로킹 "(비 차단). 그러나 이렇게하면 사이트의 모양이 영향을받을 가능성이 매우 높습니다.

각 파일을 한 번 살펴보고 다른 위치에서 파일을 테스트하고 사이트가 올바르게로드되는지 확인하는 방법은 없습니다.

CSS 축소

사용 가능한 CSS 파일을 줄이기위한 네 가지 설정이 있습니다.

• 사용 : minfication 및 CSS 파일의 조합을 가능하게합니다.
• 만 결합 : CSS 파일을 결합하지만, 그들을 과소 평가하지 않습니다.
• 어떻게 제거 보존 : 결합 된 CSS 파일에서 주석을 제거합니다.
• 줄 바꿈 제거: 결합 된 CSS 파일에서 줄 바꿈을 제거합니다.

"을 제외한 모든 옵션을 선택하여 시작하십시오. 만 결합 ". 사이트의 프리젠 테이션이 다른 경우 " 어떻게 제거 보존 "그리고" 줄 바꿈 제거 ". 그래도 사이트가 수정되지 않으면 " 만 결합 ".

@ 가져 오기 옵션으로 " 방법 ".

"를 선택한 경우 자동차 방법으로 축소를 "일반 설정을하면이 메뉴의 처음 두 섹션 만 표시됩니다. 그러나 축소를 수동을 선택하면 CSS 파일 관리 섹션이 표시됩니다.

관리 할 CSS 파일을 아직 추가하지 않은 경우 "도움말"마법사를 선택하고 테마에 대한 모든 CSS 파일을 선택합니다. 그런 다음 가장 중요한 파일이 먼저로드되도록 파일 순서를 다시 정렬합니다.

축소 : 고급 설정

대부분의 경우 고급 섹션의 기본 설정은 많이 편집 할 필요가 없습니다. 그러나이를 사용하여 JavaScript 및 CSS 파일이 업데이트되는 빈도, 만료 된 파일이 캐시에서 삭제되는 빈도 등을 조정할 수 있습니다.

고급 섹션에는 특정 페이지, JS 파일 및 CSS 파일을 " 축소를 ". 일부 JS 또는 CSS 리소스를 압축하면 안되는 경우 이러한 도메인에 추가하여 격리 할 수 ​​있습니다. 올바른 구문에 대한 도움이 필요하면 " 사용 : 일반 지침은 FAQ를 참조하십시오.

이것이 W3 Total Cache의 축소 옵션에 대한 것이므로 데이터베이스 캐시를 계속하겠습니다.