안녕하세요,
무니입니다.

이번 포스팅은,
워드프레스 최적화 Autoptimize 사용해보기 컨텐츠입니다.
일부 필수 요소들의 최적화를 통해 사이트의 속도를 개선 할 수 있습니다.

관련 포스팅 안내 드립니다.

(1) Autoptimize 란?

워드프레스 플러그인 중 하나로,
css, javascript 등 요소들에 대해 최적화를 제공합니다.

(2) Autoptimize 플러그인 설치하기

워드프레스 최적화 Autoptimize Screenshot 20230907 091843 Chrome

(3) Autoptimize 설정하기

딱 2개만 설정해주시면 됩니다.

워드프레스 최적화 Autoptimize Screenshot 20230907 092154 Chrome

위에 Javascript optimize 와,
아래 CSS optimize 입니다.

워드프레스 최적화 Autoptimize Screenshot 20230907 092211 Chrome

(4) 주의사항

주의사항입니다.

다른 플러그인과 충돌이 생길 수 있기 때문에,
이 점 확인하셔야 하는데요.

플러그인은 딱 필요한 만큼만 설치하시는 게 좋습니다.
속도 저하의 직접적인 원인이 될 수도 있기 때문입니다. (아마도 충돌)

1. Jetpack Boost 플러그인

Jetpack Boost 플러그인을 사용하시는 분들은,
아래 두 설정을 아래와 같이 비활성화 하셔야 합니다.

워드프레스 최적화 Autoptimize image 67
1) 썸네일을 사용하는 경우

만약, 썸네일을 사용하시는 경우라면 아래 “CSS 연결” 을 활성화 해주셔야합니다.

워드프레스 최적화 Autoptimize Screenshot 20230907 153940 Chrome

2. WP-Optimize 플러그인

또한, WP-Optimize 플러그인을 사용하시는 분들은,
“최소화활성” 을 비활성화를 해주세요.

아래 그림은 활성화 상태를 의미합니다. (동그라미 표시가 왼쪽으로 가야해요!)

워드프레스 최적화 Autoptimize image 68

(5) 속도체크

워드프레스의 테마에 따라 최적화의 정도가 다를 수 있습니다.
또한, 사용하고 계신 플러그인의 종류에 따라서도 속도의 차이가 있을 수 있습니다.

이점 명시하시고,
아래 페이지에서 속도를 체크해보시며,
개선해보시는 것을 추천 드립니다.

https://pagespeed.web.dev/

페이지 스피드는 웹과 모바일의 속도를 체크해주며,
개선 할 수 있는 방법을 제안해주는 좋은 툴 입니다.

이상으로,
워드프레스 최적화 Autoptimize 사용 포스팅을 마치도록 하겠습니다.

감사합니다,
무니 드림.

워드프레스 최적화 Autoptimize 사용

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다