워드프레스 페이지 로딩 속도 느려짐 개선 및 최적화

워드프레스 속도 느려짐 Gzip, Html, CSS 압축 CDN 활용

워드프레스는 생각보다 조금은 무거운 플랫폼으로서 세팅여부에 따라 로딩 속도 매우 느려져 인터넷 검색최적화에 악영향을 끼칠수 있습니다. 하지만 사용자 나름으로 아주가볍게도 무겁게도 만들수 있는데요 기본적으로 유료테마중에서도 화려한것들은 피해야 합니다.   전문가들은 이러한 헤비급 테마도 가볍게 만들어 커스터마이즈 할수 있겠지만 그렇지 못한 일반 사용자라면 이러한 화려한 테마는 장기간 플랜으로 보았을때 사용하기가 힘든것이 사실입니다.   느려진 속도뿐만 아니라 무거운 홈페이지는 트래픽문제도 크게 발생합니다.   한마디로 이왕 돈주고 사는거 “멋진 템플릿으로 사자“로 구매했다가는 고생을 할 수 잇습니다.   기본적으로 인터넷 웹페이지의 속도가 느리다면 관리자나 방문자들이 불편한것도 있겟지만 인터넷검색 최적화에도 웹페이지의 느린속도는 매우 큰 패널티를 받기 때문에 내 글이 상위에 뜨게 하기 위해서는 웹페에지의 로딩 속도를 측정하고 개선방법을 찾아야 합니다.

웹페이지 로딩 속도 측정 방법

웹 페이지 속도‘를 측정해주는 사이트는 많이 있습니다.  

로딩속도 측정 "페이지스피드 인사이트"
워드프레스 웹사이트 로딩 속도 측정 “페이지스피드 인사이트”

그리고 이번 2018년 7월 9일부터 구글의 페이지 속도 측정할수 있는 PageSpeed Insights 사이트가 생겼습니다.

2018 년 7 월 9 일 업데이트 : 이제 속도 업데이트가 모든 사용자에게 출시됩니다. 사람들은 최대한 빠른 웹페이지 속도로 궁금한 정보를 빨리 보고 해결하기를 원합니다. 그러기 때문에 사람들은  홈페이지의 속도에  많은신경을 쓴다는 연구 결과 가 있었으며 속도측정을 위한 신호 는 데스크톱 검색에 집중되며 2018 년 7 월부터 페이지 속도가 모바일 검색의 주요 요인이 될 것이라고 발표햇습니다. “속도 업데이트”는 사용자에게 가장 느린 경험을 제공하는 페이지에만 영향을 미치며 적은 비율의 쿼리에만 영향을 미칩니다. 페이지를 작성하는 데 사용 된 기술과 상관없이 모든 페이지에 동일한 표준을 적용합니다. 검색 쿼리의 의도는 여전히 매우 강한 신호이므로 관련성이 높은 훌륭한 콘텐츠가있는 경우 느린 페이지도 여전히 높은 순위를 매길 수 있습니다. 개발자는 실적 이 페이지의 사용자 경험에 미치는 영향을 광범위하게 생각하고 다양한 사용자 경험 통계 를 고려할 것을 권장 합니다. 페이지가이 새로운 순위 요소의 영향을 받는지 여부를 직접 나타내는 도구는 없지만 페이지 성능을 평가하는 데 사용할 수있는 리소스는 다음과 같습니다.   실제 상황에서 Chrome 사용자가 경험할 수있는 웹의 인기있는 대상에 대한 주요 사용자 환경 측정 항목에 대한 공용 데이터 Chrome 사용자 환경 보고서 웹 페이지의 품질 (성능, 액세스 가능성 등)을 감사하는 자동화 도구 및 Chrome Developer Tools의 일부 Lighthouse PageSpeed ​​Insights 는 Chrome UX 보고서에서 페이지의 실적을 나타내고 성능 최적화를 제안하는 도구

위 설명에서 보는것과 같이 모든 기기에서 웹페이지 로딩 속도를 개선한다고 합니다.

자신의 워드프레스 주소를 입력후 측정을 할 수 있으며 모바일로 접속시와 데스크톱으로 접속시 페이지 속도를 각각 표시해줍니다.

모바일 및 데스크탑 페이지 속도측정

워드프레스 모바일 속도 개선
모바일 및 데스크탑 접속시 로딩 속도 점수

저같은 경우는 데스크탑으로 접속시는 속도가 꽤 괜찮지만 모바일로 접속시 100점 만점중에서 66점으로 주위를 기울여야 하는 상황입니다.

그렇다면 이러한 문제를 해결방안은 없을까요?

기본적으로 모바일 점수를 높이는 방법은 AMP 플러그인을 통한 모바일접속 환경을 최적화 시켜주는것으로 문제를 해결합니다.

데스크톱 접속 시 속도를 빠르게 접속을 해주기 위해서는 필요없는 쿼리는 삭제하고 여러개의 파일은 하나로 합쳐 갯수를 줄이고 용량을 압축해주느것이 좋습니다.

그 외에도 트래픽을 절약하느것이 접속속도를 빠르게 하기 때문에 이미지 또한 고화질 보다는 최적화된 이미지 압축 포맷을 활용하며 테마는 빠르고 가벼운것을 사용하느것을 추천합니다.

빠른 워드프레스 테마로는 OceanWP 주로 추천하며 저 같은 경우도 오랫동안 사용한 가벼운 워드프레스 테마로 추천합니다.

워드프레서 속도 개선 방법
워드프레서 로딩 속도 개선 방법

현재 구글에서 추천하는 개선사항은 3가지입니다.

  • 서버 응답 시간을 단축
  • 표시되는 콘텐츠의 우선 순위 지정
  • 브라우저 캐싱활용

웹사이트 속도도개선 브라우저 캐싱활용

해당 3가지 방법으로 개선을 하라고 합니다.

워드프레스 브라우저 캐싱
워드프레스 브라우저 캐싱
  • 워드프레스 페이지 서버 응답시간 단축 및 표시되는 콘텐츠의 우선순위 지정 그리고 브라우저 캐싱을 활용입니다.
  • 서버응답시간의 경우 현제 0.81초 후에 응답하기 때문에 이러한 응답시간을 개선하라고하느데 개선방법도 클릭을 하면 해결방안이 나옵니다.
  • 서버 응답시간의 경우 200ms로 줄여야 하는데 이러한 서버 응답 속도는 어플리케이션의 로직이나 느린 테이터베이스등 수많은 문제를 발생시킵니다.
  • 그 외에도 브라우저 캐싱을 이용한 플러그인들이 많이 존재하는데 이러한 플러그인을 이용해서 Gzip 압축하는 작업이 필요합니다.
  • 자세한 방법은 구글에서 제안하는 방법을 이용해 보시길 바라며 플러그인을 이용한 웹페이지 개선방법은 아래 포스팅을 참고하시길 바랍니다.

참고 : 워드프레스 클라우드플레어 CSS, HTML, Gzip 캐시삭제 속도개선

워드프레스 페이지 로딩 속도 개선 및 측정 방법

워드프레스 최적화 참고

You may also like...

1 Response

  1. 2022년 3월 25일

    […] 참고 : 워드프레스 페이지 로딩 속도 개선 및 측정 방법 […]

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

노랗 목차