📜주의사항 • 워드프레스 테마 or 플러그인 적용 전 백업은 필수!

오늘은 워드프레스 페이지 속도를 올려줄 수 있는 플러그인에 대해서 알아보도록 하겠습니다.

워드프레스를 설치 후, 워드프레스 사이트의 속도 및 SEO 점수를 간단하게 체크 할 수 있습니다.

무거운 테마를 사용하면 빨간불이 들어오거나 [ 낮은 점수를 부여받습니다.]

페이지 로딩 속도가 빠르면 사이트에 들어오는 유저의 이탈율을 아주 조금! 줄일 수 있고 구글에서는

그 점을 좋게 봐줘서 SEO 점수에 가점을 받을 확률이 증가합니다.

사이트 속도 체크는 여러 사이트에서 확인이 가능한데 오늘은 3곳을 소개해보겠습니다.

사용 방법은 간단합니다. 자신의 URL http:// 사이트 주소를 입력해서 넣어주면 됩니다.

물론 분석 할 때마다 값이 조금씩 차이를 보이지만 나름 정확하고 // 어떤 점이 페이지 속도에 딜레이를 시키고 있는지 분석을 해줍니다.

사이트 속도 점수가 SEO 평가에 절대적인 요소는 아니지만 그래도 빨간불 / 주황불보다는 / 초록불이 보기 좋아서

속도 최적화 플러그인을 종종 사용합니다.

1번 . PageSpeed insights

https://developers.google.com/speed/pagespeed/insights/

2번 . gtmetrix

https://gtmetrix.com/

3번 . web.dev/measure

https://web.dev/measure/

📰속도 느림 문제 해결하기

– 텍스트 압축 사용

– 사용하지 않는 CSS 제거

– 사용하지 않는 자바스트립트 삭제하기

– 이미지 크기를 적절하게 설정하기

– 오프스크린 이미지 지연하기

– 차세대 형식을 사용해 이미지 제공하기 등등…

예를들어 PNG 파일은 JPEG 혹은 WEB 이미지로 변경해서 로딩속도를 최적화 시킬 수 있고

혹은 자주 쓰는 테마폰트(Font) 미리 로드 하게 설정하거나

FTP에 / php에 접속해서 쓰지 않는 CSS 제거를 하면 됩니다.

📰추천 플러그인 [PageSpeed Ninja]

오늘 소개할 프로그램은 Page Speed Ninja 플러그인입니다. 👉다운로드 링크

일단 무료 플러그인이고 사용법이 간단해서 원터치로 가끔 사용하는 플러그인입니다.

🎨사용방법

플러그인 설치 후, 접속하면 Safe / Compact / optimal / ultra / experimental 설정이 있는데

가장 기본설절인 Compact 모드를 추천드립니다.

설정이 끝나면 Desktop / mobile 자동 최적화가 시작됩니다.

물론 사이트마다 테마 / 플러그인에 영향을 받아서 점수가 올라갈 수도 있고 내려갈 수도 있습니다.

그래도 원터치 한번으로 설정을 변경 할 수 있다는 점에서 높은 점수를 주고 싶은 플러그인 이었습니다.

설정 가능한 항목 List

방문 페이지 리디렉션 방지

압축 활성화

브라우저 캐싱 활용

서버 응답 시간 단축

CSS 축소

HTML 축소

자바 스크립트 축소

스크롤없이 볼 수있는 콘텐츠에서 렌더링 차단 JavaScript 및 CSS 제거

이미지 최적화

보이는 콘텐츠의 우선 순위 지정

방문 페이지 리디렉션 방지

압축 활성화

브라우저 캐싱 활용

서버 응답 시간 단축

CSS 축소

HTML 축소

자바 스크립트 축소

스크롤없이 볼 수있는 콘텐츠에서 렌더링 차단 JavaScript 및 CSS 제거

이미지 최적화

보이는 콘텐츠의 우선 순위 지정

플러그인 피하기

뷰포트 구성

뷰포트에 맞게 콘텐츠 크기 조정

탭 타겟을 적절하게 크기 조정

읽기 쉬운 글꼴 크기 사용

미안하다 이거 보여주려고 어그로 끌었다.

#워드프레스 #플러그인 #추천