Zinn® Cache: 사용하지 않는 CSS 제거, JavaScript 지연, WebP 및 AVIF 제공

사용하지 않는 CSS 제거, JavaScript 지연 및 WebP와 AVIF 제공

Zinn® Cache Pro의 CSS 및 JavaScript 탭을 사용하여 사용하지 않는 CSS를 제거하고 스크립트를 지연시키며, 이미지 탭을 사용하여 WebP, AVIF 및 누락된 이미지 크기를 처리하십시오. 축소(minify) 또는 결합(combine) 옵션이 없는 이유와 페이지를 깨뜨리는 변경 사항을 되돌리는 방법도 확인하십시오.

1. 한 번에 하나씩 변경 사항 테스트하기 — 에셋 최적화는 브라우저가 테마 파일을 수신하는 방식을 변경합니다. 문제가 발생했을 때 원인을 쉽게 파악할 수 있도록 하나의 설정을 변경하고 사이트를 확인한 후 다음으로 넘어가십시오.
2. CSS 및 JavaScript 탭 열기 — WordPress에서 Zinn Digital®, Cache Pro를 차례로 연 다음 CSS 및 JavaScript를 여십시오. 이미지는 별도의 자체 탭에 있습니다.
3. 안전한 기본값으로 시작하기 — 안전한 기본값 사용 옵션을 켜 두십시오. 이 옵션은 jQuery나 쿠키 동의 배너를 지연시키지 않으며 결제 페이지는 변경하지 않고 그대로 유지합니다.
4. JavaScript를 지연시킨 후 사용하지 않는 CSS 제거하기 — 방문자가 상호작용할 때까지 JavaScript 지연 옵션을 켜고, 저장한 다음 로그아웃 상태에서 주요 페이지를 확인하십시오. 그다음 사용하지 않는 CSS 제거를 켜십시오. 작동하지 않는 기능이 있다면 해당 스크립트나 스타일시트를 예외 파일 목록에 추가하십시오.
5. WebP 및 AVIF 이미지 제공하기 — 이미지 탭에서 WebP 또는 AVIF를 켠 다음 기존 이미지를 변환하십시오. 원본은 그대로 유지되며, 한 번의 클릭으로 변환된 모든 사본을 삭제할 수 있습니다.
6. 축소 또는 결합 옵션이 없는 이유 — 파일 결합은 HTTP/1.1에서는 도움이 되었지만 HTTP/2 및 HTTP/3에서는 페이지 속도를 늦추며, 축소는 파일이 압축된 후 몇 퍼센트 정도만 절약할 뿐 레이아웃이 깨지는 가장 흔한 원인이 됩니다. 사용하지 않는 CSS를 제거하고 JavaScript를 지연시키는 것이 진정한 성능 향상을 가져옵니다.

스크린샷 포함: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress