워드프레스 블로그 속도 최적화 진단하기
자신의 블로그가 얼마나 최적화되어 있는지 확인(구글 반응속도 테스트)해야 합니다
그럴러면 구글에서 제공하는 웹사이트 속도 측정(아래 링크)을 통해서 확인해 볼 수 있습니다
진단사이트(구글 인사이트) : PageSpeed Insights (web.dev)
바로 사이트 들어가서 진단해 봅니다.
저같은 경우에는 최적화하기 전에 아래 화면(페이지 스피드)과 같이 나왔습니다
전체적으로 시간이 오래걸리는걸 확인할 수 있습니다.
Speed Index가 5초넘으면 안된다고 하는데 6.1초네요ㅜㅜ
만약 본인의 블로그가 저의 블로그 성능과 비슷하면 최적화를 해야 합니다
최적화 플러그인 설치
-
WP-Optimize 설치
WP-Optimize 플러그인은 사이트를 캐시하고, 데이터베이스를 정리하고 이미지를 압축하는 올인원 성능 플러그인 입니다
(요약 : 캐시플러그인, 이미지 최적화, 데이터베이스 최적화 등)
워드프레스 관리자 도구 -> 플러그인 -> 새로추가
키워드 창에 “defer css javascript” 입력합니다
아래 화면에 보이는 ‘WP-Optimize(옵티마이즈)’ 설치하고 활성화 합니다
그런다음 ‘WP-Optimize’ 의 데이터베이스 선택하고 최적화 실행하면 됩니다
부가적으로 백업 플러그인 ‘UpdraftPlus’ 설치하면 됩니다.
-
Jetpack Boost 설치
Jetpack Boost 플러그인은 페이지 성능을 최적화하여 워드프레스 사이트 속도를 향상시켜 줍니다.
(요약 : 브라우저 캐싱, CSS 및 JavaScript 최적화 등)
워드프레스 관리자 도구 -> 플러그인 -> 새로추가
키워드 창에 “critical css” 입력합니다
아래 화면에 보이는 ‘Jetpack Boost’ 설치하고 활성화 합니다
그런다음 ‘jetpack’을 선택하고 주요 CSS 로딩 최적화(수동) 하시면 됩니다
최적화 확인하기
위에 2개의 플러그인 설치 및 활성화(실행) 후에 다시 진단 사이트에 가셔서 테스트를 확인합니다
진단사이트(구글인사이트) : PageSpeed Insights (web.dev)
성능이 향상된 걸 볼 수 있습니다
6초 대에서 2초대로 변경되었습니다
이정도면 괜찮다고 봅니다