워드프레스 홈페이지 로딩 속도 측정 최적화

워드프레스 홈페이지 로딩 속도 측정 최적화

워드프레스는 생각보다 조금은 무거운 플랫폼이지만 사용자 나름으로 아주 가볍게도 무겁게도 만들 수 있는데요 기본적으로 유료 테마 중에서도 화려한 것들은 피해야 합니다.

 

전문가들은 이러한 무거운테마도 가볍게 만들어 세팅할 수 있다면 모르겠지만 기본적으로 무겁고 화려한 테마는 결국은 사용하다가 버리게 되는 거 같다는 생각이 들며 이왕 돈주고 사는거 화려한 게 좋겠지? 란 생각으로 구매했다 가는 "피"를 볼 수 있는데 저도 MagPlus 라는 유료 테마를 구입했다가 무거워서 지금은 버린 상태입니다.

 

워드프레스 홈페이지 로딩 속도 측정 최적화

기본적으로 인터넷 웹페이지의 속도가 느리다면 관리자나 방문자들이 불편한 것도 있겠지만 인터넷 검색 최적화에도 웹페이지의 느린 속도는 매우 큰 페널티를 받기 때문에 내 글이 상위에 뜨게 하기 위해서는 웹페에지의 속도를 측정하고 개선방법을 찾아야 합니다.

 

홈페이지 개선을 위해서는 무료 플러그인인 Smush 나 Humming Brid 플러그인을 사용하면 이미지 압축 및 CSS, Giz, Html 등의 압축을 할 수 있으며 스마트폰 사용량이 많은 요즘과 같은 상황에서는 AMP "모바일최적화"가 가능한 WP Rocket 사용하면 호스팅이 느려서 걱정이신 분들에게는 호스팅 업그레이드보다 저렴한 비용으로 도움이 될 수 있습니다.

워드프레스 속도 최적화 빠르게 하는방법 7가지

1. 호스팅 서비스 선택: 웹사이트의 로딩 속도에 가장 큰 영향을 미치는 요소 중 하나는 호스팅 서비스입니다. 빠른 서버 속도와 우수한 성능을 제공하는 호스팅 서비스를 선택하는 것이 중요합니다. 공유 호스팅보다는 전용 서버, 가상 개인 서버(VPS) 또는 클라우드 호스팅과 같은 더 높은 성능을 제공하는 옵션을 고려해 보세요.
2. 경량 테마 사용: 워드프레스에서는 다양한 테마를 제공합니다. 그러나 일부 테마는 복잡한 디자인과 기능으로 인해 로딩 속도를 느리게 만들 수 있습니다. 대신 빠르고 경량화된 테마를 선택하고, 필요한 경우 커스터마이징을 통해 원하는 디자인을 구현해 보세요.
3. 플러그인 관리: 워드프레스의 플러그인은 기능을 확장하고 웹사이트를 개선하는 데 도움이 됩니다. 그러나 너무 많은 플러그인을 사용하면 로딩 속도가 느려질 수 있습니다. 사용하지 않는 플러그인을 비활성화하거나 제거하고, 경량화된 대안 플러그인을 찾아보세요.
4. 이미지 최적화: 이미지는 웹사이트의 로딩 속도에 큰 영향을 줍니다. 큰 크기의 이미지를 사용하거나 압축하지 않은 이미지를 사용하면 로딩 속도가 느려질 수 있습니다. 이미지를 최적화하여 파일 크기를 줄이고 압축하는 도구를 사용하거나, 레이지 로딩(lazy loading)과 같은 기술을 활용하여 필요한 시점에 이미지를 로드하도록 설정해 보세요.
5. 캐싱 설정: 캐싱은 웹사이트의 로딩 속도를 향상시키는 데 도움이 됩니다. 워드프레스 캐싱 플러그인을 설치하여 페이지 캐시를 생성하고, 사용자에게 빠른 로딩 속도를 제공할 수 있도록 설정해 보세요.
6. CDN 활용: 콘텐츠 전송 네트워크(CDN)는 웹사이트의 콘텐츠를 전 세계에 분산된 서버로 제공하여 로딩 속도를 향상시킵니다. CDN 서비스를 활용하여 이미지, CSS, JavaScript 파일 등을 전 세계 서버에 캐싱하고 사용자에게 가까운 서버에서 제공되도록 설정해 보세요.
7. CSS 및 JavaScript 최적화: CSS와 JavaScript 파일은 웹사이트 로딩 속도에 영향을 줄 수 있습니다. CSS와 JavaScript 파일을 압축하고 병합하여 파일 크기를 줄이는 등의 최적화 기법을 적용해 보세요. 또한, 불필요한 코드를 제거하거나 비동기 방식으로 파일을 로드하도록 설정할 수 있습니다.

워드프레스 CloudFlare "클라우드플레어"CDN HTTS GZIP 압축 로딩 속도개선

워드프레스 속도를 개선하기 위한방법으로는 클라우드플레어를 사용하면 트래픽 절약을 통해 페이지 로딩속드를 개선할 수 있습니다.

구글 웹 페이지 속도 측정

웹페이지 속도를 측정해주는 사이트는 많이 있으며 이번 2018년 7월 9일부터 구글의 페이지 속도 측정할 수 있는 PageSpeed Insights 사이트가 생겼습니다.

 

보통 이러한 속도측정의 이유가 구글에서 노출되기를 바라고 웹페이지 속도를 개선하는 것이기 때문에 구글에서 알려주는 방법대로 하는것이 좋지 않을까 생각을 합니다.

2018 년 7 월 9 일 업데이트 : 이제 속도 업데이트가 모든 사용자에게 출시됩니다.

 

사람들은 최대한 빠른 웹페이지 속도로 궁금한 정보를 빨리 보고 해결하기를 원합니다.

그러기 때문에 사람들은  홈페이지의 속도에  많은 신경을신경을 쓴다는 연구 결과 가 있었으며 속도 측정을 위한 신호신호는 데스크톱 검색에 집중되며 2018 년 7 월부터 페이지 속도가 모바일 검색의 주요 요인이 될 것이라고 발표했습니다.

 

"속도 업데이트"는 사용자에게 가장 느린 경험을 제공하는 페이지에만 영향을 미치며 적은 비율의 쿼리에만 영향을 미칩니다.

페이지를 작성하는 데 사용된 기술과 상관없이 모든 페이지에 동일한 표준을 적용합니다. 검색 쿼리의 의도는 여전히 매우 강한 신호이므로 관련성이 높은 훌륭한 콘텐츠가 있는 경우 느린 페이지도 여전히 높은 순위를 매길 수 있습니다.

 

개발자는 실적 이 페이지의 사용자 경험에 미치는 영향을 광범위하게 생각하고 다양한 사용자 경험 통계를 고려할 것을 권장합니다. 페이지 가이 새로운 순위 요소의 영향을 받는지 여부를 직접 나타내는 도구는 없지만 페이지 성능을 평가하는 데 사용할 수 있는 리소스는 다음과 같습니다.

2018 년 7 월 9 일 업데이트 : 이제 속도 업데이트가 모든 사용자에게 출시됩니다.

 

사람들은 최대한 빠른 웹페이지 속도로 궁금한 정보를 빨리 보고 해결하기를 원합니다.

그러기 때문에 사람들은  홈페이지의 속도에  많은 신경을신경을 쓴다는 연구 결과 가 있었으며 속도 측정을 위한 신호신호는 데스크톱 검색에 집중되며 2018 년 7 월부터 페이지 속도가 모바일 검색의 주요 요인이 될 것이라고 발표했습니다.

 

"속도 업데이트"는 사용자에게 가장 느린 경험을 제공하는 페이지에만 영향을 미치며 적은 비율의 쿼리에만 영향을 미칩니다.

페이지를 작성하는 데 사용된 기술과 상관없이 모든 페이지에 동일한 표준을 적용합니다. 검색 쿼리의 의도는 여전히 매우 강한 신호이므로 관련성이 높은 훌륭한 콘텐츠가 있는 경우 느린 페이지도 여전히 높은 순위를 매길 수 있습니다.

 

개발자는 실적 이 페이지의 사용자 경험에 미치는 영향을 광범위하게 생각하고 다양한 사용자 경험 통계를 고려할 것을 권장합니다. 페이지 가이 새로운 순위 요소의 영향을 받는지 여부를 직접 나타내는 도구는 없지만 페이지 성능을 평가하는 데 사용할 수 있는 리소스는 다음과 같습니다.

 

실제 상황에서 Chrome 사용자가 경험할 수있는 웹의 인기 있는 대상에 대한 주요 사용자 환경 측정 항목에 대한 공용 데이터 Chrome 사용자 환경 보고서실제 상황에서 Chrome 사용자가 경험할 수있는 웹의 인기 있는 대상에 대한 주요 사용자 환경 측정 항목에 대한 공용 데이터 Chrome 사용자 환경 보고서

 

웹 페이지의 품질 (성능, 액세스 가능성 등)을 감사하는 자동화 도구 및 Chrome Developer Tools의 일부 Lighthouse웹 페이지의 품질 (성능, 액세스 가능성 등)을 감사하는 자동화 도구 및 Chrome Developer Tools의 일부

2018 년 7 월 9 일 업데이트 : 이제 속도 업데이트가 모든 사용자에게 출시됩니다.

 

사람들은 최대한 빠른 웹페이지 속도로 궁금한 정보를 빨리 보고 해결하기를 원합니다.

그러기 때문에 사람들은  홈페이지의 속도에  많은 신경을신경을 쓴다는 연구 결과 가 있었으며 속도 측정을 위한 신호신호는 데스크톱 검색에 집중되며 2018 년 7 월부터 페이지 속도가 모바일 검색의 주요 요인이 될 것이라고 발표했습니다.

 

"속도 업데이트"는 사용자에게 가장 느린 경험을 제공하는 페이지에만 영향을 미치며 적은 비율의 쿼리에만 영향을 미칩니다.

페이지를 작성하는 데 사용된 기술과 상관없이 모든 페이지에 동일한 표준을 적용합니다. 검색 쿼리의 의도는 여전히 매우 강한 신호이므로 관련성이 높은 훌륭한 콘텐츠가 있는 경우 느린 페이지도 여전히 높은 순위를 매길 수 있습니다.

 

개발자는 실적 이 페이지의 사용자 경험에 미치는 영향을 광범위하게 생각하고 다양한 사용자 경험 통계를 고려할 것을 권장합니다. 페이지 가이 새로운 순위 요소의 영향을 받는지 여부를 직접 나타내는 도구는 없지만 페이지 성능을 평가하는 데 사용할 수 있는 리소스는 다음과 같습니다.

2018 년 7 월 9 일 업데이트 : 이제 속도 업데이트가 모든 사용자에게 출시됩니다.

 

사람들은 최대한 빠른 웹페이지 속도로 궁금한 정보를 빨리 보고 해결하기를 원합니다.

그러기 때문에 사람들은  홈페이지의 속도에  많은 신경을신경을 쓴다는 연구 결과 가 있었으며 속도 측정을 위한 신호신호는 데스크톱 검색에 집중되며 2018 년 7 월부터 페이지 속도가 모바일 검색의 주요 요인이 될 것이라고 발표했습니다.

 

"속도 업데이트"는 사용자에게 가장 느린 경험을 제공하는 페이지에만 영향을 미치며 적은 비율의 쿼리에만 영향을 미칩니다.

페이지를 작성하는 데 사용된 기술과 상관없이 모든 페이지에 동일한 표준을 적용합니다. 검색 쿼리의 의도는 여전히 매우 강한 신호이므로 관련성이 높은 훌륭한 콘텐츠가 있는 경우 느린 페이지도 여전히 높은 순위를 매길 수 있습니다.

 

개발자는 실적 이 페이지의 사용자 경험에 미치는 영향을 광범위하게 생각하고 다양한 사용자 경험 통계를 고려할 것을 권장합니다. 페이지 가이 새로운 순위 요소의 영향을 받는지 여부를 직접 나타내는 도구는 없지만 페이지 성능을 평가하는 데 사용할 수 있는 리소스는 다음과 같습니다.

 

실제 상황에서 Chrome 사용자가 경험할 수있는 웹의 인기 있는 대상에 대한 주요 사용자 환경 측정 항목에 대한 공용 데이터 Chrome 사용자 환경 보고서실제 상황에서 Chrome 사용자가 경험할 수있는 웹의 인기 있는 대상에 대한 주요 사용자 환경 측정 항목에 대한 공용 데이터 Chrome 사용자 환경 보고서

 

웹 페이지의 품질 (성능, 액세스 가능성 등)을 감사하는 자동화 도구 및 Chrome Developer Tools의 일부 Lighthouse웹 페이지의 품질 (성능, 액세스 가능성 등)을 감사하는 자동화 도구 및 Chrome Developer Tools의 일부

2018 년 7 월 9 일 업데이트 : 이제 속도 업데이트가 모든 사용자에게 출시됩니다.

 

사람들은 최대한 빠른 웹페이지 속도로 궁금한 정보를 빨리 보고 해결하기를 원합니다.

그러기 때문에 사람들은  홈페이지의 속도에  많은 신경을신경을 쓴다는 연구 결과 가 있었으며 속도 측정을 위한 신호신호는 데스크톱 검색에 집중되며 2018 년 7 월부터 페이지 속도가 모바일 검색의 주요 요인이 될 것이라고 발표했습니다.

 

"속도 업데이트"는 사용자에게 가장 느린 경험을 제공하는 페이지에만 영향을 미치며 적은 비율의 쿼리에만 영향을 미칩니다.

페이지를 작성하는 데 사용된 기술과 상관없이 모든 페이지에 동일한 표준을 적용합니다. 검색 쿼리의 의도는 여전히 매우 강한 신호이므로 관련성이 높은 훌륭한 콘텐츠가 있는 경우 느린 페이지도 여전히 높은 순위를 매길 수 있습니다.

 

개발자는 실적 이 페이지의 사용자 경험에 미치는 영향을 광범위하게 생각하고 다양한 사용자 경험 통계를 고려할 것을 권장합니다. 페이지 가이 새로운 순위 요소의 영향을 받는지 여부를 직접 나타내는 도구는 없지만 페이지 성능을 평가하는 데 사용할 수 있는 리소스는 다음과 같습니다.

2018 년 7 월 9 일 업데이트 : 이제 속도 업데이트가 모든 사용자에게 출시됩니다.

 

사람들은 최대한 빠른 웹페이지 속도로 궁금한 정보를 빨리 보고 해결하기를 원합니다.

그러기 때문에 사람들은  홈페이지의 속도에  많은 신경을신경을 쓴다는 연구 결과 가 있었으며 속도 측정을 위한 신호신호는 데스크톱 검색에 집중되며 2018 년 7 월부터 페이지 속도가 모바일 검색의 주요 요인이 될 것이라고 발표했습니다.

 

"속도 업데이트"는 사용자에게 가장 느린 경험을 제공하는 페이지에만 영향을 미치며 적은 비율의 쿼리에만 영향을 미칩니다.

페이지를 작성하는 데 사용된 기술과 상관없이 모든 페이지에 동일한 표준을 적용합니다. 검색 쿼리의 의도는 여전히 매우 강한 신호이므로 관련성이 높은 훌륭한 콘텐츠가 있는 경우 느린 페이지도 여전히 높은 순위를 매길 수 있습니다.

 

개발자는 실적 이 페이지의 사용자 경험에 미치는 영향을 광범위하게 생각하고 다양한 사용자 경험 통계를 고려할 것을 권장합니다. 페이지 가이 새로운 순위 요소의 영향을 받는지 여부를 직접 나타내는 도구는 없지만 페이지 성능을 평가하는 데 사용할 수 있는 리소스는 다음과 같습니다.

 

실제 상황에서 Chrome 사용자가 경험할 수있는 웹의 인기 있는 대상에 대한 주요 사용자 환경 측정 항목에 대한 공용 데이터 Chrome 사용자 환경 보고서실제 상황에서 Chrome 사용자가 경험할 수있는 웹의 인기 있는 대상에 대한 주요 사용자 환경 측정 항목에 대한 공용 데이터 Chrome 사용자 환경 보고서

 

웹 페이지의 품질 (성능, 액세스 가능성 등)을 감사하는 자동화 도구 및 Chrome Developer Tools의 일부 Lighthouse웹 페이지의 품질 (성능, 액세스 가능성 등)을 감사하는 자동화 도구 및 Chrome Developer Tools의 일부

2018 년 7 월 9 일 업데이트 : 이제 속도 업데이트가 모든 사용자에게 출시됩니다.

 

사람들은 최대한 빠른 웹페이지 속도로 궁금한 정보를 빨리 보고 해결하기를 원합니다.

그러기 때문에 사람들은  홈페이지의 속도에  많은 신경을신경을 쓴다는 연구 결과 가 있었으며 속도 측정을 위한 신호신호는 데스크톱 검색에 집중되며 2018 년 7 월부터 페이지 속도가 모바일 검색의 주요 요인이 될 것이라고 발표했습니다.

 

"속도 업데이트"는 사용자에게 가장 느린 경험을 제공하는 페이지에만 영향을 미치며 적은 비율의 쿼리에만 영향을 미칩니다.

페이지를 작성하는 데 사용된 기술과 상관없이 모든 페이지에 동일한 표준을 적용합니다. 검색 쿼리의 의도는 여전히 매우 강한 신호이므로 관련성이 높은 훌륭한 콘텐츠가 있는 경우 느린 페이지도 여전히 높은 순위를 매길 수 있습니다.

 

개발자는 실적 이 페이지의 사용자 경험에 미치는 영향을 광범위하게 생각하고 다양한 사용자 경험 통계를 고려할 것을 권장합니다. 페이지 가이 새로운 순위 요소의 영향을 받는지 여부를 직접 나타내는 도구는 없지만 페이지 성능을 평가하는 데 사용할 수 있는 리소스는 다음과 같습니다.

2018 년 7 월 9 일 업데이트 : 이제 속도 업데이트가 모든 사용자에게 출시됩니다.

 

사람들은 최대한 빠른 웹페이지 속도로 궁금한 정보를 빨리 보고 해결하기를 원합니다.

그러기 때문에 사람들은  홈페이지의 속도에  많은 신경을신경을 쓴다는 연구 결과 가 있었으며 속도 측정을 위한 신호신호는 데스크톱 검색에 집중되며 2018 년 7 월부터 페이지 속도가 모바일 검색의 주요 요인이 될 것이라고 발표했습니다.

 

"속도 업데이트"는 사용자에게 가장 느린 경험을 제공하는 페이지에만 영향을 미치며 적은 비율의 쿼리에만 영향을 미칩니다.

페이지를 작성하는 데 사용된 기술과 상관없이 모든 페이지에 동일한 표준을 적용합니다. 검색 쿼리의 의도는 여전히 매우 강한 신호이므로 관련성이 높은 훌륭한 콘텐츠가 있는 경우 느린 페이지도 여전히 높은 순위를 매길 수 있습니다.

 

개발자는 실적 이 페이지의 사용자 경험에 미치는 영향을 광범위하게 생각하고 다양한 사용자 경험 통계를 고려할 것을 권장합니다. 페이지 가이 새로운 순위 요소의 영향을 받는지 여부를 직접 나타내는 도구는 없지만 페이지 성능을 평가하는 데 사용할 수 있는 리소스는 다음과 같습니다.

 

실제 상황에서 Chrome 사용자가 경험할 수있는 웹의 인기 있는 대상에 대한 주요 사용자 환경 측정 항목에 대한 공용 데이터 Chrome 사용자 환경 보고서실제 상황에서 Chrome 사용자가 경험할 수있는 웹의 인기 있는 대상에 대한 주요 사용자 환경 측정 항목에 대한 공용 데이터 Chrome 사용자 환경 보고서

 

웹 페이지의 품질 (성능, 액세스 가능성 등)을 감사하는 자동화 도구 및 Chrome Developer Tools의 일부 Lighthouse웹 페이지의 품질 (성능, 액세스 가능성 등)을 감사하는 자동화 도구 및 Chrome Developer Tools의 일부

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

 

• 자신의 워드프레스 주소를 입력 후 분석을 눌러줍니다.
• 분석 결과 모바일(AMP)로 접속 시와 데스크톱으로 접속시 "페이지 속도"를 보여줍니다.

저는 데스크톱으로 접속 시는 속도가 꽤 충족이 되지만 모바일로 접속시 100점만 점 중에서 점수에 따라 빨간색, 노란색, 빨간색으로 현재 홈페이지 속도를 확인할 수 있습니다.

최적화 권장사항

과연 어떠한 부분이 문제인지 이에 대한 해결방안을 구글 페이지 분석에서는 제공을 합니다.

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

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

서버응답 시간의 경우 현제 0.81초 후에 응답하기 때문에 이러한 응답시간을 개선하라고하느데 개선방법도 클릭을 하면 해결방안이 나옵니다.

 

서버 응답시간의 경우 200ms로 줄여야 하는데 이러한 서버 응답 속도는 애플리케이션의 로직이나 느린 데이터베이스 등 수많은 문제를 발생시킵니다.

 

그 외에도 브라우저 캐싱을 이용한 플러그인들이 많이 존재하는데 이러한 플러그인을 이용해서 캐시 데이터를 압축하는 작업이 필요합니다.

 

자세한 방법은 구글에서 제안하는 방법을 이용해 보시길 바라며 플러그인을 이용한 웹페이지 개선방법은 아래 포스팅을 참고하시길 바랍니다.

워드프레스 웹사이트 속도측정 4가지 - 로딩속도 SEO 최적화 5가지 - 노랗IT월드

워드프레스 속도가 느린이유 및 속도가 중요한 이유

• 백엔드 성능
  • 느린 호스팅 서비스 선택
  • 페이지 캐싱 및 최신 PHP 버전 사용을 통한 서버 최적화 부족
  • 데이터베이스 최적화 부족
• 프론트엔드 성능
  • 최적화되지 않은 플러그인 사용
  • 무거운 테마 사용
  • 크고 최적화되지 않은 이미지 로딩
  • 최적화되지 않은 JavaScript 또는 CSS 파일 사용
  • 과도한 타사 스크립트 로딩
• 워드프레스 사이트 속도가 중요한 이유
  • SEO 순위에 영향을 미치며, 사이트 속도는 검색 엔진 순위에서 중요한 요소입니다.
  • 로딩 속도가 느리면 전환율이 낮아지고, 사용자는 불편한 경험을 겪을 수 있습니다.
  • 로딩 속도가 느리면 이탈률이 증가할 수 있으며, 특히 모바일 사용자에게 영향을 미칩니다.

따라서, 워드프레스 사이트의 백엔드와 프론트엔드 성능을 모두 최적화하는 것이 중요합니다. 서버 성능을 향상시키기 위해 호스팅 서비스를 개선하고, 페이지 캐싱, 최신 PHP 버전 사용, 데이터베이스 최적화 등을 고려해야 합니다. 프론트엔드에서는 최적화되지 않은 플러그인 사용을 피하고, 경량화된 테마 선택, 이미지 최적화, JavaScript 및 CSS 파일 최적화, 필요한 타사 스크립트를 적절히 관리하는 등의 방법을 고려해야 합니다. 이를 통해 워드프레스 사이트의 로딩 속도를 개선할 수 있습니다.

워드프레스 데이터베이스 최적화를 위해서는 아래 포스팅을 참고하세요

워드프레스 이미지최적화 플러그인 Smush - 노랗IT월드

 

모바일 최적화 AMP 워드프레스 속도 개선 - 노랗IT월드

 

워드프레스 최적화 WP-Optimize 원클릭 플러그인 - 노랗IT월드

워드프레스 참고포스팅

• [IT 리뷰/블로그 SEO] - 서치콘솔 구글검색 누락 - 색인요청 및 페이지경험 모바일최적화 개선
• [IT 리뷰/블로그 SEO] - 워드프레스 SEO 인터넷 검색엔진 최적화 - RANK MATH
• [IT 리뷰/블로그 SEO] - 워드프레스 이미지 CSS 최적화 Gzip 압축 플러그인
• [IT 리뷰/블로그 SEO] - 워드프레스 카페24 백업 복원 계정 초기화 - WordPress
• [IT 리뷰/블로그 SEO] - 네이버 검색엔진 웹마스터도구 사이트맵 RSS 제출