TipRelay
  • 블로그 기초
    • WordPress
  • 컴퓨터 How-to
    • Windows 11
    • Windows 10
  • 모바일 How-to
    • Andriod
    • iOS
    • Netfix
    • Youtube
    • Instagram
  • 생활 Tips
    • 금융
    • 정책
  • 유용한 Info
    • 건강
    • 일상소식
    • AS 고객센터
    • 무료꿈해몽
  • 게임
    • 디아2: 레저렉션
      • 룬워드 정보
      • 유니크 아이템
      • 세트 아이템
      • 퀘스트
    • 원신
    • 바람의나라: 연
    • 명일방주
    • 탭타이탄2
    • 패스 오브 엑자일 ACT
    • 참고한 게임 공략들
No Result
View All Result
TipRelay
Home 블로깅 워드프레스

워드프레스의 속도 최적화를 위한 플러그인 Autoptimize와 W3 Total Cache

2020-03-04
in 워드프레스
Reading Time: 4 mins read
18
워드프레스의 속도 최적화를 위한 플러그인 Autoptimize와 W3 Total Cache
5
SHARES
Share on FacebookShare on Twitter

워드프레스는 수많은 플러그인을 통해서 자신이 원하는 형태의 블로그로 꾸며나갈 수 있는게 큰 장점인 것 같습니다.

각종 플러그인을 살펴보던 중 워드프레스의 속도(최적화)와 관련된 플러그인 몇 개를 설치했습니다. 검색해보니 여러가지 유명한 워드프레스의 캐시와 관련된 플러그인들을 찾을 수 있었습니다.

그 중 Autoptimize와 W3 Total Cache를 설치하고 설정했더니 웹페이지의 속도가 눈에 띄게 빨라진 것을 체감 할 수 있었습니다. 이 플러그인들을 설치하고 설정하는 방법을 살펴보겠습니다.

콘텐츠 요약: 보이기
워드프레스 플러그인 – Autoptimize
설정 – JavaScript Options
설정 – CSS Options
설정 – HTML Options
설정 – Misc Options
워드프레스 플러그인 – W3 Total Cache
설정 – Page Cache

워드프레스 플러그인 – Autoptimize

워드프레스 로딩속도를 향상시켜주는 플러그인 - Autoptimize

잘은 모르겠지만 JS, CSS, HML을 압축해서 전송하는 플러그인 이라고 써있는데, 일단 깔아보면 웹페이지 로딩 속도가 향상된 것을 느낄 수 있습니다. 다른 사람들 평가도 대체적으로 좋은 걸 보면, 다른 사람들도 잘 사용하고 있다는 것을 확인 할 수 있습니다.

 

워드프레스 플러그인 Autoptimize 설정

플러그인 > 새로추가 에서 Autoptomize를 검색하고 설치 후 활성화해 줍니다. 그다음 플러그인 목록에서 찾은 뒤 설정을 눌러서 설정 화면으로 들어갑니다. 저 같은 경우에는 플러그인 목록에서 제일 위쪽에 있네요.

Autoptimize 설정 화면의 JS, CSS & HTML 탭에서 몇 가지 옵션만 체크해주면 작동합니다.

 

설정 – JavaScript Options

워드프레스 플러그인 Autoptimize 설정 01

  • Optimize JavaScript Code? – 체크
  • Aggregate JS-files? – 체크

 

설정 – CSS Options

워드프레스 플러그인 Autoptimize 설정 02

  • Optimize CSS Code? – 체크
  • Aggregate CSS-files? – 체크
  • Also aggregate inline CSS? – 체크

 

설정 – HTML Options

워드프레스 플러그인 Autoptimize 설정 03

  • Optimize HTML Code? – 체크

 

설정 – Misc Options

워드프레스 플러그인 Autoptimize 설정 05

  • Minify excluded CSS and JS files? – 체크해제

캐시 플러그인과 Autoptimize가 같이 사용되는 경우, 이 옵션은 체크 해제 하는게 좋다고 합니다. 저는 캐시 플러그인과 Autoptimize 둘 다 사용할 거라서 체크해제 해줬습니다.

 

워드프레스 플러그인 Autoptimize 설정 04

설정을 다 마쳤으면 저장을 해 줍니다. 하단 우측에 Save Changes and Empty Cache를 눌러줍니다.

 

워드프레스 플러그인 Autoptimize 캐쉬 비우기

Autoptimize 플러그인을 설치하고 나면 관리자 화면 상단에 Autoptimize 메뉴가 추가된 것을 확인할 수 있습니다.

마우스를 가져가 보면 위 사진과 같은 캐시 정보를 확인할 수 있습니다. Delete Cache를 클릭해서 저장되 있는 캐시를 삭제 할 수도 있습니다.

 

워드프레스 플러그인 – W3 Total Cache

워드프레스 로딩속도를 향상시켜주는 플러그인 - W3 Total Cache

워드프레스의 많은 종류의 유료 및 무료 캐시 플러그인 중에, 저는 W3 Total Cache로 설치했습니다.

캐시 플러그인 들은 자신의 서버나 테마와 호환이 잘되는 걸로 설치하면 될듯합니다. 간혹 호환이 잘 안될 경우 홈페이지에 접속이 안되거나 에러가 나온다고 하네요.

 

워드프레스 플러그인 - W3 Total Cache 설정 02

플러그인 > 새로추가 에서 W3 Total Cache를 검색하고 설치 후 활성화해 줍니다. 그다음 플러그인 목록에서 찾은 뒤 Settings를 눌러서 설정 화면으로 들어갑니다.

 

설정 – Page Cache

워드프레스 플러그인 - W3 Total Cache 설정 01

  • Page Cache – Enable(체크)

기본 설정은 되어 있는 것 같았습니다. 설정이 너무 많기 때문에 Page Cache 부분만 활성화 되어있나 확인한 뒤 저장해 줍니다. W3 Total Cache의 설정은 간단하게 끝났습니다.

 

마무리

워드프레스 플러그인 - W3 Total Cache 설정 03

캐시 플러그인의 경우 여러 가지를 테스트를 해보고, 문제가 없이 속도가 가장 빠른 것으로 선택하는 것이 좋습니다.

사이트 속도 측정 :
  • https://gtmetrix.com/
  • https://tools.pingdom.com/

 

캐시 플러그인 때문에 간혹 글을 발행한 후에 한참 시간이 지나도 사이트에 표시되지 않을 수도 있습니다. 그런 경우 캐시 플러그인의 캐시 비우기를 실행 해보거나, 캐시 플러그인을 비활성화하여 테스트 해보는게 좋습니다.

그래도 문제가 해결되지 않으면 다른 캐시 플러그인을 테스트해보면 좋을 것 같습니다.

Tags: 워드프레스
Previous Post

컴퓨터의 주요 사양을 확인하는 간단한 방법

Next Post

윈도우10에서 OneDrive(원드라이브) 삭제 하기

Related Posts

워드프레스에서 카테고리를 삭제하는 방법

워드프레스에서 카테고리를 삭제하는 방법

2022-04-21
워드프레스에서 관리자 로그인 하는 방법

워드프레스에서 관리자 로그인 하는 방법

2022-04-21
워드프레스에서 Cache Control 헤더를 설정하는 방법

워드프레스에서 Cache Control 헤더를 설정하는 방법

2022-04-14
워드프레스에 Expires 헤더 추가 방법

워드프레스에 Expires 헤더 추가 방법

2022-04-14
워드프레스 .htaccess 파일 기본값으로 되돌리는 방법

워드프레스 .htaccess 파일 기본값으로 되돌리는 방법

2022-04-14
워드프레스 버전 다운그레이드 방법

워드프레스 버전 다운그레이드 방법

2022-04-14

Posts

윈도우 11 블랙 스크린 문제를 해결하는 방법 10가지

윈도우 11 블랙 스크린 문제를 해결하는 방법 10가지

2024-02-27
윈도우 11에서 크롬을 기본 웹 브라우저로 설정하는 방법

윈도우 11에서 크롬을 기본 웹 브라우저로 설정하는 방법

2024-02-27
경남 직장인을 위한 대출 상품 | BNK저축은행 BNK마이론

경남 직장인을 위한 대출 상품 | BNK저축은행 BNK마이론

2023-12-25
상상인플러스저축은행 직장인 신용대출, 한도 1,500만원에 긴급 생활자금

상상인플러스저축은행 직장인 신용대출, 한도 1,500만원에 긴급 생활자금

2023-12-25
직장인 대출 상품, 우리금융저축은행 비타WON신용대출 소개

직장인 대출 상품, 우리금융저축은행 비타WON신용대출 소개

2023-12-20
IBK저축은행 i-빅론U 직장인 대출 상품 살펴보기

IBK저축은행 i-빅론U 직장인 대출 상품 살펴보기

2023-12-20

About

팁릴레이

Website for sharing computer and mobile technology tips and tricks

POPULAR

인스타그램 릴스 시청기록 확인하는 3가지 방법

윈도우11에서 Windows Defender SmartScreen 끄는 방법

윈도우11에서 BitLocker 설정 또는 해제하는 방법

TRENDING

워드프레스 테마 변경하기 전 해야 할일 10가지

윈도우11에서 시스템 성능 보고서를 만드는 방법

지메일(Gmail)에서 비밀번호를 변경하거나 재설정하는 방법

© 2023 TIPRELAY • All Rights Reserved

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
No Result
View All Result
  • 블로그 기초
    • WordPress
  • 컴퓨터 How-to
    • Windows 11
    • Windows 10
  • 모바일 How-to
    • Andriod
    • iOS
    • Netfix
    • Youtube
    • Instagram
  • 생활 Tips
    • 금융
    • 정책
  • 유용한 Info
    • 건강
    • 일상소식
    • AS 고객센터
    • 무료꿈해몽
  • 게임
    • 디아2: 레저렉션
      • 룬워드 정보
      • 유니크 아이템
      • 세트 아이템
      • 퀘스트
    • 원신
    • 바람의나라: 연
    • 명일방주
    • 탭타이탄2
    • 패스 오브 엑자일 ACT
    • 참고한 게임 공략들

© 2023 TIPRELAY • All Rights Reserved