Autoptimize 설정 방법

Autoptimize 설정 방법

Autoptimize는 HTML, CSS, JavaScript의 코드를 축소시켜서 페이지 속도를 향상시켜줍니다. 필자는 Autoptimize만 썼을땐 페이지 속도가 10정도만 향상이 됐었는데 W3 Total Cache와 쓰니, 페이지속도가 약 20~30정도 향상이 됐습니다. 테마 마다 최적의 설정방법과 플러그인의 궁합이 있는 모양입니다. 여러 시행착오 끝에 제 테마에 맞는 설정방법 및 궁합을 드디어 찾았습니다. 참고로 제 테마는 ColorMag 입니다. 설정 방법부터 최고의 궁합을 찾는 방법에 대해서 말씀드리겠습니다.

2021.04.17 - [워드프레스 꿀팁] - W3 Total Cache 설정 방법

 

필자의 페이지 속도

1)수정전

Autopimize와 W3Total Cache 설정 전 필자의 페이지 속도였습니다. 페이지 속도에 신경쓰기 전에도 이미지 크기는 항상 줄여서 올렸었기 때문에 60~77까지는 나왔습니다. 다른 블로그를 참고하다보니까 알게됐는데 77도 안나오신 분들도 많던데 아마도 이미지나 동영상 크기를 줄이지 않고 올리셨거나 테마 혹은 플러그인을 무거운걸 사용하고 계셨을 가능성이 높다고 생각합니다.

2)수정 후

현재 페이지 속도입니다. 물론 속도를 젤때마다 조금씩 달라지긴 하지만 굉장히 안정적으로 94가 나오는것 같습니다. 최상의 궁합을 찾기가 힘들었습니다. 모두 추천해주는 플러그인도 달랐고 추천해주는 설정값도 달랐기 때문에 계속 시행착오를 겪다보니 이런 수치까지 만들 수 있었습니다. 제가 찾은 설정방법도 여러분의 테마와 쓰시는 플러그인의 상황에 따라 여러분에게는 최상의 궁합이 아닐 수 있어서, 일단 따라해보시고 성과가 안나오시면 본인이 시행착오를 겪어보셔야합니다. 방법은 바로 아래에서 알려드리겠습니다.

 

 

1. JavaScript Options

JavaScript Options는 Optimize JavaScript Code와 Aggregate JS-files 만 체크합니다.

 

2. CSS Options

Optimize CSS Code, Aggregate CSS-files, Also aggregate inline CSS 를 체크합니다.

 

3. HTML Options

Optimize HTML code를 체크합니다.

 

 

4. Misc Options

Misc Options에서는 모두 체크했습니다.

 

5. 주의할것

필자의 세팅은 이게 전부입니다. 물론, W3 Total Cache와 같이 설정했으니 W3 Total Cache도 저랑 똑같이 해보실것을 권해드립니다. 다만, 여러분은 저처럼 해도 속도가 크게 올라가지 않을 수 있습니다. 저도 다른 블로거들을 모두 참고해보며 이것도 해보고 저것도 해보고 힘들게 저한테 맞는 설정값을 찾은거입니다. 궁합을 찾게 도와드리기 위해서 Autoptimize의 대체 플러그인과 W3 Total Cache의 대체 플러그인들을 알려드리겠습니다. 이들을 조합해서 본인에게 맞는 최적의 궁합을 찾으시기 바랍니다.

 

1) Autoptimize 대체 플러그인

W3 Total Cache 단일 사용, WP Fastest Cache 단일 사용입니다. 이 둘의 플러그인 안에 설정값으로 HTML, CSS, JavaScript 크기를 줄이는 기능이 존재합니다. 필자는 다 써봤는데 속도 개선이 눈에 띄지 않아서 이 둘의 플러그인에서 HTML, CSS, JavaScript 줄이는 기능을 끄고, Autoptimize를 추가해서 사용해보니 Autoptimize와 W3 Total Cache의 궁합이 최고로 잘맞았습니다.

W3 Total Cache 설정값은 바로 아래의 링크를 참고하시고

2021.04.17 - [워드프레스 꿀팁] - W3 Total Cache 설정 방법

WP Fastest Cache의 설정값은 바로 아래의 링크를 참고하시기 바랍니다.

The Ideal WP Fastest Cache Settings With CDN Setup (2021) (onlinemediamasters.com)

The Ideal WP Fastest Cache Settings With CDN Setup (2021)

 

2) W3 Total Cache 대체 플러그인

WP Fastest Cache, WP Super cache가 있습니다. WP Super Cache는 참고로 HTML, CSS, JavaScript 크기를 줄여주는 기능이 없어서 반드시 Autoptimize와 같이 사용해보시기 바랍니다. WP Fastest Cache는 위의 링크를 참고하시고, WP Super Cache 설정값은 아래의 링크를 참고 하시기 바랍니다.

The Ideal WP Super Cache Settings + CDN Instructions (2021) (onlinemediamasters.com)

The Ideal WP Super Cache Settings + CDN Instructions (2021)

 

 

정리

결국 본인의 상황에 가장 적합한 조합을 찾아서 설정하셔야 가장 빠른 속도를 내실 수 있습니다. 저도 구글링하면서 각종 추천해주는 옵션들을 다 해봐도 속도가 안나오다가 제가 스스로 이것저것 클릭해보며 플러그인도 바꿔보니까 90넘는 속도를 겨우겨우 찾은겁니다. 모두 본인에게 맞는 최적의 궁합을 잘 찾으시기 바랍니다.

---

워드프레스 책 추천

만들면서 배우는 워드프레스 : 이 책을 통해 필자는 kangsoong.kr 과 같은 사이트를 만들 수 있게됐고 사이트를 통해 용돈을 벌고 있습니다. 워드프레스를 전혀 모르던 상태에서 이 책을 통해 2일만에 사이트를 구축할 수 있게 됐습니다. 기초지식이 없어도 그대로 따라만 하면 되기 때문에 워드프레스를 시작하고 싶으신 분들에게 적극 추천합니다.
<후기, 최저가 보러가기>

 

위 리뷰는 실제로 필자가 2일만에 사이트를 구축할 수 있었던 경험을 바탕으로 쓴 글이지만,  쿠팡파트너스 활동의 일환으로 수수료를 받을 수 있습니다. 여러분들에게 추가 비용이 발생하진 않습니다.

 

함께보면 좋은글

2021.04.17 - [워드프레스 꿀팁] - W3 Total Cache 설정 방법

2021.04.17 - [워드프레스 꿀팁] - Autoptimize 설정 방법

2021.04.15 - [워드프레스 꿀팁] - 카페24 워드프레스 수동설치 방법

2021.04.15 - [워드프레스 꿀팁] - 워드프레스 '네이버 robots.txt 가 존재하지 않습니다' 해결방법

2021.04.15 - [워드프레스 꿀팁] - SSL인증서 설치하는 방법(카페24 호스팅 https 전환)

2021.04.14 - [워드프레스 꿀팁] - 워드프레스 구글서치콘솔 등록하는 방법(7단계 절차)

2021.04.14 - [워드프레스 꿀팁] - 워드프레스 head섹션, body에 코드 넣는 방법

2021.04.14 - [워드프레스 꿀팁] - 파일질라(FileZilla) FTP 다운로드 및 사용 방법

2021.04.14 - [워드프레스 꿀팁] - cafe24 호스팅 http를 https로 redirect 시키는 방법

---

 

이 글을 마음대로 사용하셔도 되지만,
반드시 출처(URL)은 남겨주시기 바랍니다.