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 > 속도 최적화 > 속도 향상 으로 이동하여 캐시 시스템 활성화 활성화합니다 .

마다 캐시 정리 : 저장된 캐시를 자동으로 정리하고 새 버전을 즉시 생성합니다.
데스크톱/태블릿/모바일용 캐시: 기본적으로 데스크톱용 캐시를 모든 기기에 제공합니다. 기기별 특정 캐시 옵션은 테마 프레임워크에서 기기별로 특정 파일을 생성하는 경우에만 사용해야 합니다.
만료 헤더 추가:
외부 스크립트 캐시: 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. 워드프레스 탭

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

프로 애드온 전용

이모티콘 제거: 기본적으로 이모티콘은 사이트의 모든 페이지에 표시됩니다. 이모티콘을 사용하지 않는다면 제거할 필요가 없습니다.
Gravatar 비활성화: Gravatar 아바타를 비활성화하고 미디어에 저장된 로컬 아바타만 사용합니다.

3. 그룹화 및 최소화

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

주의: 일부 옵션은 플러그인 PRO ADDON에서만 사용할 수 있습니다. 충돌이 발생할 수 있으므로 주의해서 사용하고 웹사이트를 테스트하십시오.

HTML 최소화: 플러그인이 제공하는 HTML 캐시 파일을 최소화합니다.
CSS 최소화: 플러그인이 제공하는 CSS 파일을 최소화합니다.
JS 축소: 플러그인이 제공하는 JS 파일을 축소합니다.
CSS 파일 그룹화: 여러 CSS 파일을 하나의 파일로 그룹화하면 HTTP 요청 횟수를 최소화할 수 있습니다.
자바스크립트 파일 그룹화: 여러 자바스크립트 파일을 하나의 파일로 그룹화하면 HTTP 요청 횟수를 최소화할 수 있습니다.

프로 애드온 전용

글꼴 및 Google 글꼴 그룹화: 로컬 글꼴과 Google 글꼴을 하나의 파일로 그룹화하여 더 빠르게 제공합니다.
JavaScript 지연 실행: 페이지 로드 마지막에 JavaScript 파일을 호출하여 렌더링을 차단하는 요소를 제거합니다.
CSS 지연 실행: 페이지 로드 마지막에 CSS 파일을 호출하여 렌더링을 차단하는 요소를 제거합니다.

"CSS 지연 적용"이 활성화되면 " CSS 지연 적용에서 제외할 파일" 필드가 나타납니다. 이 필드에 각 CSS 파일의 경로를 한 줄씩 입력하여 CSS 지연 적용에서 제외할 파일을 지정할 수 있습니다.

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

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

4. 사전 로딩 및 사전 가져오기

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

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

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

5. WooCommerce

WooCommerce를 사용할 때 아래 옵션들을 활용하면 WooCommerce 페이지가 아닌 페이지의 로딩 속도를 줄이거나 자동 정리 시간(세션, 장바구니 등)을 설정할 수 있습니다. WP Speed of Light 속도 최적화 > WooCommerce 하면 이용할 수 있으며, PRO ADDON 플러그인에 포함되어 있습니다.

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

고객 세션 및 장바구니 삭제: 데이터베이스에 임시로 저장된 모든 WooCommerce 고객 세션과 장바구니 정보를 삭제합니다. 이를 통해 성능과 데이터베이스 저장 공간을 크게 절약할 수 있습니다.
WooCommerce 임시 저장 데이터 삭제: 데이터베이스에 임시로 저장된 모든 WooCommerce 임시 저장 데이터를 삭제합니다.
자동 세션 정리, 카트 트랜지언트: 일정 시간(시간 단위)이 지나면 세션, 카트 및 트랜지언트를 자동으로 정리합니다.
하트비트 API 비활성화/감소: 활동량을 줄이면 하트비트 빈도가 변경됩니다. 하트비트를 완전히 비활성화하면 이 API를 사용하는 다른 플러그인 및 테마가 제대로 작동하지 않을 수 있습니다.