CSS 및 JavaScript를 축소하고 이미지를 지연 로드하세요

1. 한 번에 하나의 변경 사항만 테스트하세요

   애셋 최적화는 브라우저가 테마 파일을 수신하는 방식을 변경합니다. 문제가 발생했을 때 명확한 원인을 파악할 수 있도록 하나의 설정을 변경하고 사이트를 확인한 후 다음으로 넘어가십시오.

2. CSS 및 JavaScript 탭을 여십시오

   WordPress에서 Zinn Digital®, Cache Pro, 그리고 CSS 및 JavaScript를 엽니다. 이미지는 별도의 탭에 있습니다.

3. 안전한 기본 설정으로 시작하십시오

   '안전한 기본값 사용'을 켜 두십시오. jQuery나 쿠키 동의 배너를 지연시키지 않으며 결제 페이지는 변경하지 않습니다.

4. JavaScript를 지연한 다음 사용하지 않는 CSS를 제거하세요

   방문자가 상호작용할 때까지 JavaScript 지연 기능을 켜고, 저장한 다음 로그아웃 상태에서 주요 페이지를 확인하십시오. 그런 다음 사용하지 않는 CSS 제거 기능을 켜십시오. 정상적으로 작동하지 않는 항목이 있다면 해당 스크립트나 스타일시트를 제외할 파일 목록에 추가하십시오.

5. WebP 및 AVIF 이미지 제공

   이미지 탭에서 WebP 또는 AVIF를 켠 다음 기존 이미지를 변환하십시오. 원본은 그대로 유지되며 한 번의 클릭으로 변환된 모든 사본이 제거됩니다.

다음 가이드: WordPress 데이터베이스 정리