Optimazz – 웹사이트 최적화 및 속도 향상
Optimazz는 Core Web Vitals에 가장 큰 영향을 미치는 최적화를 자동으로 안전하게 적용하는 올인원 성능 최적화 제품군입니다. 모든 모듈은 사용자가 직접 활성화할 수 있고 언제든 되돌릴 수 있으며, Optimazz는 다른 캐싱 플러그인의 파일을 절대 덮어쓰지 않습니다.
포함된 모듈:
- 페이지 캐시 — 모든 요청마다 PHP를 실행하는 대신 정적 HTML을 제공하고, 로그인한 사용자·장바구니·쿼리 문자열을 대상으로 지능적인 제외 규칙을 적용합니다. 콘텐츠 변경 시 캐시를 자동으로 삭제하고, 방문자가 캐시가 비어 있는 페이지를 접하지 않도록 cron 기반 캐시 프리로더를 제공합니다.
- JavaScript — 스크립트를 지연 실행하고 첫 사용자 상호작용이 발생할 때까지 실행을 늦춰 총 차단 시간(Total Blocking Time)을 줄이며, 제외 목록을 제공합니다.
- CSS — CSS를 최소화하고 결합한 후 비동기적으로 로드하여 렌더링을 차단하는 스타일시트를 제거합니다.
- 이미지 최적화 — 이미지와 iframe을 지연 로드하고, 레이아웃 이동을 방지하도록 누락된 크기 정보를 추가하며, WebP/AVIF를 생성하고 제공합니다. 기존 미디어 라이브러리를 일괄 압축하고, 불투명한 PNG를 JPEG로 변환하며, YouTube 임베드를 클릭하여 로드하는 미리보기로 대체합니다.
- 글꼴 —
font-display: swap을 추가하고, 글꼴 호스트에 프리커넥트하며, 글꼴 파일을 프리로드합니다. - 데이터베이스 — 리비전, 자동 저장 초안, 휴지통에 있는 글, 스팸 및 휴지통에 있는 댓글, 만료된 트랜지언트를 정리하고, 테이블을 최적화하며, 자동 정리를 예약합니다.
- Heartbeat — 서버 부하를 줄이도록 컨텍스트에 따라 WordPress Heartbeat API를 줄이거나 비활성화합니다.
- 조정 — 이모지, 임베드, 대시콘, 쿼리 문자열, XML-RPC 및 핑백을 비활성화하고 DNS 프리페치 및 프리커넥트 힌트를 추가합니다.
- CDN — 정적 자산 URL을 CDN 호스트 이름으로 다시 작성합니다.
대시보드의 실시간 성능 점수는 현재 활성화된 최적화 기능과 아직 개선 여지가 가장 큰 부분을 보여 줍니다.
빌드 프로세스 및 소스 코드
관리자 인터페이스는 React 애플리케이션입니다. 사람이 읽을 수 있는 소스는 플러그인에 포함된 src/ 디렉터리(src/index.js 및 src/index.scss)에 있으며, 컴파일되고 압축된 출력 파일은 build/에 있습니다.
소스 코드에서 컴파일된 파일을 다시 생성하려면:
- 종속 항목 설치:
npm install - 빌드:
npm run build
이 플러그인은 공식 @wordpress/scripts(webpack) 툴체인을 사용하며, 사용자 지정 또는 숨겨진 빌드 구성을 사용하지 않습니다. 모든 소스 코드와 빌드 도구가 플러그인에 포함되어 있으며, 난독화되지 않았습니다.
외부 서비스
Optimazz는 작동을 위해 외부 서비스가 필요하지 않으며, 기본적으로 전적으로 자체 서버에서 작동합니다. 관리자가 선택적으로 제어할 수 있는 두 가지 기능에서 타사 호스트를 참조할 수 있습니다.
-
Google Fonts 최적화(Fonts 모듈). 테마 또는 다른 플러그인에서 이미 Google Fonts를 로드하고 있고 Fonts 모듈을 활성화한 경우에만 Optimazz가
fonts.googleapis.com및fonts.gstatic.com에 대한preconnect리소스 힌트를 추가하고 기존 글꼴 URL에display=swap을 추가할 수 있습니다. Optimazz는 사이트에서 이미 사용 중이지 않은 Google Fonts를 추가하지 않으며 개인정보나 사이트 데이터를 전송하지 않습니다.preconnect는 브라우저가 연결을 더 일찍 열도록 지시하는 힌트일 뿐입니다. 글꼴 자체는 플러그인 사용 전과 동일하게 방문자의 브라우저가 Google에서 요청하며, Google의 약관(https://policies.google.com/terms) 및 개인정보 보호정책(https://policies.google.com/privacy)이 적용됩니다. -
CDN 재작성(CDN 모듈). CDN 모듈을 활성화하고 CDN 호스트 이름을 입력하면 Optimazz가 자체 정적 리소스(CSS, JS, 이미지)의 URL을 해당 호스트 이름으로 재작성하여 방문자의 브라우저가 CDN에서 리소스를 로드하도록 합니다. CDN은 사용자가 선택하고 구성하는 서비스입니다. Optimazz는 자체적으로 CDN에 데이터를 전송하지 않으며 어떤 CDN 제공업체와도 제휴하지 않습니다. 선택한 CDN의 약관과 개인정보 보호정책을 확인하세요.
두 기능은 기본적으로 비활성화되어 있으며, 명시적으로 활성화한 후에만 적용됩니다.