워드프레스 속도 즉각적으로 높이는 방법 5 가지 : 초보자용 (100% 무료)

 

최근 제 워드프레스 웹사이트 속도 측정을 했더니  E등급에 로딩 시간이 8.1초가 나왔습니다.

 

충격을 받고 왜 느린 지 진단 결과를 살펴봤습니다.

그런데 용어가 너무 어려워서 무슨 말인지 전혀 이해할 수가 없었습니다.

 

저에게 개념 이해는 중요하지 않았습니다.

오직 어떻게 하면 워드프레스 속도를 향상 시킬 수 있는지가 중요했습니다.

 

그래서 제 웹사이트에 직접 실험을 했습니다.

구글과 유튜브에 있는 정보를 찾아서 적용했습니다.

 

8.1초에서 2.2초로 로딩 시간을 줄였습니다.

 

워드프레스 속도 향상 결과

 

워드프레스 전문 지식? 별로 필요하지 않습니다. 게다가 모두 무료 입니다.

지금부터 제가 직접 적용해보았고, 가장 효과가 좋았던 5가지 방법을 알려드리겠습니다.

 

불포함 된 내용 2 가지 – 호스팅, 테마

 

포함하지 않은 내용은 다음과 같습니다.

 

  • 좋은 웹호스팅을 사용한다
  • 좋은 테마를 사용한다

 

당장 바꾸기 어렵고 뼈대와 같은 요소이기 때문입니다.

위 2가지 항목을 넣는 것은 마치 ‘자동차 속도를 높이려면 엔진을 바꾸세요’와 같은 이치이므로 제외했습니다.

 

호스팅을 옮기고, 테마를 새로 적용하는 것이 가능하긴 합니다. 다만 초보에게 좀 번거롭습니다.

그래서 애초에 좋은 호스팅과 좋은 테마를 써야합니다.

초보를 위한 워드프레스 호스팅 추천워드프레스 테마 추천 포스팅을 작성했으니 참고바랍니다.

 

속도 측정 방법

 

문제를 해결 하기 위해서는 먼저 문제를 진단해야 합니다. 2 가지 방법을 추천 드립니다.

 

GTmetrix는 무료로 로그인해서 지역을 ‘Hongkong’으로 변경하세요.

GTmetrix설정

 

꿀팁)

페이지 로딩 속도를 중심으로 보세요. 많은 전문가들이 등급 보다는 페이지로딩 속도가 훨씬 중요하다고 말합니다.

 

주의! 꼭 백업하세요

 

속도 최적화 시작 전 백업을 먼저 해 두시기 바랍니다. 백업을 해두면 오류가 났을 때 복구 할 수 있기 때문입니다.

백업 방법은 워드프레스 설치 후 꼭 해야할 설정 10가지의 3번째 백업 부분을 참고해주세요.

 

 

1.Compress JPEG & PNG images

compress jpeng png images

이미지 용량이 크면 로딩 시간이 길어지고, 웹사이트 속도는 느려집니다. 지금까지 전혀 압축 이미지를 사용하지 않았다면 굉장한 속도 향상 효과를 볼 수 있습니다. 약 50~70% 정도 용량을 압축할 수 있습니다.

 

이미지 압축에는 두 가지 방법이 있습니다.

 

  • 이미지 압축 플러그인 사용

이미지 압축 플러그인 사용법

플러그인 사용 시 사진을 업로드하면 자동으로 압축됩니다. 단, 무료 플러그인은 매월 압축 가능한 이미지 개수 제한이 있습니다.

 

compressor

이미지 압축 사이트를 이용하면 간단하게 압축을 할 수 있습니다.

 

꿀팁)

애초에 사진을 저장할 때 Jpeg나 jpg 확장자를 사용하면 기본 용량이 줄어듭니다.

 

2.WP Fastest Cache

wp fastest cache 플러그인

이 플러그인으로 불필요한 파일을 삭제하고, 복잡한 코드를 압축할 수 있습니다.

 

wp fastest cache 사용법

모두 다 체크해주고 Submit을 클릭합니다.

 

3.Autoptimize

autooptimizer

이 플러그인으로 불필요한 파일을 삭제하고, 복잡한 코드를 압축할 수 있습니다.

 

 

autoptimizer 사용법1

Optimize JavaScript Code에 체크를 하고, Optimize CSS Code에 체크를 합니다.  마지막에 꼭 Save하는 것도 잊지마세요.

 

 

wp fastest cache 사용법2

Delete Cache and Minified CSS/JS를 클릭해줍니다.

 

4.Async JavaScript

async javascript

3번째 플러그인과 같은 개발자가 만든 Java script와 CSS관련 최적화 프로그램 입니다.

 

async javascript 사용법

Enable Java Script를 체크하고, Quick settings는 모두 클릭해서 활성화해줍니다.

마지막에 Save Settings를 하는 것 잊지마세요.

 

저는 3, 4번 플러그인이 가장 효과가 좋았습니다. 사용 이후 약 4초 정도 로딩 속도가 줄었습니다.

구글 페이지 속도 진단에서 ‘렌더링 차단 리소스 제거하기’부분이 가장 심각했기 때문입니다.

 

5.문제 플러그인 제거하기

유명한 플러그인 중에도 워드프레스 속도를 느리게 만드는 플러그인 list가 존재합니다.

따라서 느린 플러그인은 가능한 안 써야  합니다.

저도 addthis 소셜 공유 플러그인의 문제점을 발견하고 가벼운 소셜 공유 플러그인으로 교체했습니다.

간단한 진단 방법을 보여드리겠습니다.

 

GTmetrix-Waterfall을 선택합니다.

gtmetrix waterfall

 

gtmetrix waterfall3

gtmetrix waterfall2

비정상적으로 속도를 늦추거나(막대기 길이로 판단), 반복적으로 등장하는 플러그인을 찾아냅니다. 위 스크린샷에 보면 addthis가 굉장히 리소스를 많이 차지하는 걸 확인할 수 있습니다.

Addthis에 대해 검색한 결과 워드프레스 속도를 늦추는 플러그인으로 알려져 있었습니다.

삭제하고 난 뒤 속도가 1초 이상 향상 됐습니다.

 

결론

오늘 알려드린 워드프레스 속도를 높이는 5가지 방법은 누구에게나 공통적으로 적용되는 방법입니다. 무료이며, 초보자도 손쉽게 할 수 있습니다.

저는 이 5가지 방법으로 로딩 속도를 무려 6초 정도 절감을 했습니다. 다른 워드프레스 속도 향상 방법이 있지만, 초보에게는 어렵고 시간 대비 효율성도 떨어집니다.

만약 5가지 방법으로 큰 진전이 없다면 근본적인 호스팅과 테마 문제일 가능성이 높습니다.

 

만약 위 방법으로도 속도개선이 되지 않거나,

더 빠른 속도를 원하면 WP Rocket 플러그인을 사용해보시기 바랍니다.

아래에 자세한 설명 링크가 있습니다.

 

워드프레스 웹사이트 로딩 속도 최적화 방법(WP Rocket)

 

워드프레스 속도 향상에 도움이 되셨기를 바랍니다.

7 thoughts on “워드프레스 속도 즉각적으로 높이는 방법 5 가지 : 초보자용 (100% 무료)”

Leave a Comment

0 Shares
Share via
Copy link
Powered by Social Snap