WP Speed of Light: 속도 최적화

1. 속도 최적화 활성화

속도 최적화 섹션에서는 WordPress 속도를 높이는 도구를 설정할 수 있습니다. WP Speed of Light > 속도 최적화 > 속도 향상

캐시 시스템 활성화: 공통 페이지 요소와 데이터베이스 쿼리를 미리 로드하여 웹사이트 속도를 높입니다.

캐시를 수동으로 추가하는 방법은 무엇입니까?

먼저, 서버에서 파일을 편집할 수 없는 경우 "wp-config.php" 파일에 쓰기 권한을 설정해야 합니다. FTP로 이동하여 파일을 마우스 오른쪽 버튼으로 클릭하고 "파일 권한 . 여기에서 권한을 설정할 수 있습니다.

"wp-config.php" 위에 "define( 'WP_CACHE',true);" 스크립트를 추가해야 합니다 .

WP Speed of Light > 속도 최적화 > 속도 향상 으로 가서 캐시 시스템 활성화 활성화합니다 .

각각 정리 : 저장된 캐시를 x분마다 자동으로 정리하고 새 버전을 즉시 생성합니다.
데스크톱/태블릿/모바일용 캐시: 기본적으로 모든 기기에 데스크톱용 캐시를 제공합니다. 기기별 캐시 옵션은 테마 프레임워크가 기기별로 특정 파일을 생성하는 경우에만 사용해야 합니다.
만료 헤더 추가: 브라우저가 서버에 특정 파일을 요청해야 하는지 아니면 브라우저 캐시에서 가져와야 하는지에 대한 지침을 제공합니다.
외부 스크립트 캐시: Google에서 제공하는 스크립트와 같은 외부 리소스를 캐시합니다. 경고: 활성화 전후의 성능을 모니터링하세요. 경우에 따라 활성화 시 성능 저하가 발생할 수 있습니다!
다음 페이지는 절대 캐시하지 마세요. 캐시에서 제외하려는 페이지의 URL을 추가하세요(줄당 URL 하나).

www.website.com/blog* 와 같은 규칙을 사용하여 캐시에서 URL 집합을 제외할 수 있습니다.

프로 애드온 전용

저장 시 정리: 게시물, 페이지 등 WordPress 콘텐츠를 저장할 때 캐시를 자동으로 정리합니다.
이미지 lazy loading : 사용자가 볼 수 있을 때만 이미지를 로드합니다(스크롤 시).
Iframe 및 비디오 lazy loading : 모든 iframe 및 HTML5 비디오를 지연 로드합니다.

이미지 lazy loading 활성화할 때 옵션을 선택하면 아래에 몇 가지 옵션이 표시됩니다.

(너비 픽셀)보다 작은 이미지 제외: 이미지에서 픽셀 값이 이 너비보다 작은 모든 이미지를 lazy loading
(높이 px)보다 작은 이미지 제외: 이미지에서 해당 픽셀 값보다 높이가 작은 모든 이미지를 lazy loading
이미지 lazy loading 제외: www.website.com/news* 또는 클래스, ID, 이미지 위치와 같은 규칙을 사용하여 URL 집합을 제외합니다

2. 워드프레스 탭

쿼리 문자열 제거: 헤더 내부의 CSS 및 JS 파일과 같은 정적 리소스에서 쿼리 문자열을 제거하여 Pingdom, GTmetrix, PageSpeed 및 YSlow와 같은 서비스에서 점수를 향상시킵니다.
REST API 비활성화: WordPress REST API(개발자가 사용하는 GET 요청을 사용하여 데이터를 검색하는 API)를 비활성화합니다.
RSS 피드 비활성화: WordPress RSS 피드를 비활성화합니다. RSS 피드를 사용하면 사용자가 RSS 피드 리더를 사용하여 블로그 게시물을 구독할 수 있습니다.

프로 애드온 전용

이모티콘 제거: 기본적으로 이모티콘은 사이트의 모든 페이지에 로드됩니다. 사용하지 않으면 불필요합니다.
Gravatar 비활성화: Gravatar 아바타를 비활성화하고 미디어의 로컬 아바타만 사용합니다.

3. 그룹화 및 축소

축소(minification)는 브라우저에서 리소스가 처리되는 방식에 영향을 주지 않고 불필요하거나 중복된 데이터를 제거하는 과정을 말합니다. 예: 코드 주석 및 서식 지정, 사용하지 않는 코드 제거, 더 짧은 변수 및 함수 이름 사용 등.

참고: 일부 옵션은 PRO ADDON 플러그인에서만 사용할 수 있습니다. 주의해서 사용하고 웹사이트를 테스트해 보세요. 충돌이 발생할 수 있습니다.

HTML 최소화: 플러그인이 제공하는 HTML 캐시 파일을 최소화합니다.
CSS 최소화: 플러그인이 제공하는 CSS 파일을 최소화합니다.
JS 최소화: 플러그인이 제공하는 JS 파일을 최소화합니다.
CSS 그룹화: 여러 CSS 파일을 단일 파일로 그룹화하면 HTTP 요청 수가 최소화됩니다.
그룹 JS: 여러 JS 파일을 단일 파일로 그룹화하면 HTTP 요청 수가 최소화됩니다.

프로 애드온 전용

그룹 글꼴 및 Google 글꼴: 로컬 글꼴과 Google 글꼴을 단일 파일에 그룹화하여 더 빠르게 제공
JS 연기: 렌더링 차단 요소를 제거하기 위해 페이지 로드가 끝날 때 JS 파일을 호출합니다
CSS 지연: 렌더링 차단 요소를 제거하기 위해 페이지 로드가 끝날 때 CSS 파일을 호출합니다

"CSS 연기"를 활성화하면 " CSS 연기에서 파일 제외" 필드가 나타납니다. 그러면 CSS 파일 경로를 한 줄에 입력하여 CSS 연기에서 파일을 제외할 수 있습니다.

스크립트를 바닥글로 이동: 이동에서 제외하려는 페이지의 스크립트를 바닥글로 추가합니다(줄당 URL 하나).
인라인 스타일 제외: 축소에서 인라인 스타일 제외
최소화 및 그룹화에서 파일 제외: 최소화 및 그룹화에서 파일을 제외하려면 각 파일 경로를 한 줄에 입력합니다.
페이지 제외: 위에 나열된 모든 최적화에서 페이지를 제외하려면 각 페이지 URL을 한 줄에 입력하세요.

"스크립트를 바닥글로 이동"을 활성화하면 "스크립트를 바닥글로 이동 제외" 필드가 나타납니다 .

4. 사전 로딩 및 사전 페칭

고급 탭의 이러한 기능은 PRO ADDON 플러그인에만 포함되어 있습니다.

캐시 사전 로딩: 캐시 사전 로딩은 페이지 캐시의 첫 번째 버전을 자동으로 생성하는 프로세스입니다. 캐시 정리 후 페이지에 처음 접속하는 사용자는 캐시 생성을 기다릴 필요가 없습니다. 지정된 페이지 캐시 URL은 한 줄에 하나씩 캐시 정리 후 자동으로 다시 생성됩니다.

DNS 프리페칭: DNS 프리페칭은 외부 도메인 링크의 DNS 정보를 미리 로드합니다. 예를 들어, 웹사이트가 하이퍼링크에서 외부 도메인을 자주 참조하는 경우, 해당 도메인의 DNS를 미리 페치하면 사용자가 해당 도메인의 페이지를 클릭했을 때 해당 페이지가 더 빨리 로드됩니다.
사이트맵에서 .xml URL을 한 줄에 하나씩 미리 로드합니다. 사이트맵 .xml URL을 한 줄에 하나씩 하나 또는 여러 개 추가합니다.

5. 우커머스

WP Speed of Light > 속도 최적화 > WooCommerce 메뉴로 이동하세요 . 이러한 기능은 PRO ADDON 플러그인에 포함되어 있습니다.

장바구니 조각 비활성화: 기본적으로 WooCommerce는 페이지를 새로 고치지 않고도 장바구니를 업데이트하는 데 사용되는 장바구니 조각을 사용합니다. 테마 및 WooCommerce 구성에 따라 필요할 수도 있고, 더 나은 성능을 위해 비활성화할 수도 있습니다.
스타일 비활성화: WooCommerce가 아닌 페이지에 대해 WooCommerce 스타일 비활성화
스크립트 비활성화: WooCommerce가 아닌 페이지에 대한 WooCommerce 스크립트 비활성화

고객 세션 + 장바구니 삭제: 데이터베이스에 임시로 저장된 모든 WooCommerce 고객 세션과 장바구니를 삭제합니다. 성능과 데이터베이스 저장 공간을 크게 절약할 수 있습니다.
WooCommerce 임시 항목 지우기: 데이터베이스에 임시로 저장된 모든 WooCommerce 임시 항목을 지웁니다.
세션, 카트 과도 현상 자동 정리: 특정 기간(시간)이 지나면 세션, 카트 및 과도 현상을 자동으로 정리합니다.
Heartbeat API 비활성화/줄이기: 활동을 줄이면 Heartbeat 빈도가 변경됩니다. Heartbeat를 완전히 비활성화하면 이 API를 사용하는 다른 플러그인과 테마가 손상될 수 있습니다.