본문 바로가기
티스토리 애드센스 워드프레스

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

by 노랗_NX_블로그 노랗 2019. 8. 12.

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

워드프레스는 생각보다 조금은 무거운 플랫폼입니다.

하지만 사용자 나름으로 아주 가볍게도 무겁게도 만들 수 있는데요 기본적으로 유료 테마 중에서도 화려한 것들은 피해야 합니다.

 

전문가들은 이러한 무거운테마도 가볍게 만들어 세팅할 수 있다면 모르겠지만 기본적으로 무겁고 화려한 테마는 결국은 사용하다가 버리게 되는 거 같습니다.

 

이왕 돈주고 사는거 화려한 게 좋겠지? 란 생각으로 구매했다 가는 ""를 볼 수 있는데 저도 MagPlus 라는 유료 테마를 구입했다가 무거워서 지금은 버린 상태입니다.

 

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

 

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

 

홈페이지 개선을 위해서는 무료 플러그인인 Smush  Humming Brid 플러그인을 사용하면 이미지 압축  CSS, Giz, Html 등의 압축을 할 수 있습니다.

 

 

그리고 모바일까지 최적화가 가능한 WP Rocket 사용하면 호스팅이 느려서 걱정이신 분들에게는 호스팅 업그레이드보다 저렴한 비용으로 도움이 될 수 있습니다.

구글 웹페이지 속도 측정

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

 

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의 일부

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

 

홈페이지 분석

 

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

저는 데스크톱으로 접속 시는 속도가 꽤 충족이 되지만 모바일로 접속시 100점만 점 중에서 66점으로 노란불이 들어오는 것을 볼 수 있습니다.

최적화 권장사항

최적화 권장사항

 

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

 

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

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

 

 

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

 

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

 

서버응답 시간 개선 및 브라우저 캐싱 활용

 

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

 

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

 

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

 

 

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

다양한 컴퓨터정보와 IT정보를 공유하고 사회인으로서 필요한 연말정산 세금정보등을 알기 쉽게 공유합니다.

www.yellowit.co.kr

 

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

다양한 컴퓨터정보와 IT정보를 공유하고 사회인으로서 필요한 연말정산 세금정보등을 알기 쉽게 공유합니다.

www.yellowit.co.kr

 

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

다양한 컴퓨터정보와 IT정보를 공유하고 사회인으로서 필요한 연말정산 세금정보등을 알기 쉽게 공유합니다.

www.yellowit.co.kr

워드프레스 참고포스팅

댓글0