사이트를 분석하고 속도를 측정하는 다양한 서비스가 있지만 가장 많이 이용하는 것은 아무래도 구글 페이지스피드 인사이트(Google Pagespeed insight)가 아닐까 합니다.
오늘은 구글 페이지스피드 인사이트(Google Pagespeed insight)를 해당 서비스 페이지를 방문하지 않고도 워드프레스의 관리자 모드내에서 바로 확인해 볼수 있는 워드프레스 플러그인을 소개해드립니다.
설치가 이뤄지면 상기 화면처럼 구글 페이지스피드 인사이트가 워드프레스와 연동되어 분석을 해줍니다. 현재 스코어가 63점으로 나오는데 최근 서버를 이전하고 아직 서버나 워드프레스 튜닝 테스트 작업이 진행중이기 때문입니다. 따라서 참조만 하시면 되겠습니다.
상단의 진행바는 메인페이지 뿐만 아니라 자이언트블로그의 모든 포스트별로 로딩속도를 분석하고 있는 것입니다.
포스트별 로딩속도 분석이 완전히 종료되면 가장 페이지스피드 점수가 높은 TOP5 포스트와 낮은 TOP 5 포스트를 보여주어 관리자가 튜닝을 할수 있도록 도와줍니다.
현재 버전은 1.0.5이며 약 4개월전에 업데이트가 이뤄졌습니다. 워드프레스 호환버전은 4.1.3 으로 현재 가장 최신 워드프레스 버전인 4.2에서의 검증은 이뤄지지 않았지만 특별한 문제점은 보이지 않았습니다.
구글 페이지스피드 인사이트 워드프레스 플러그인 설치방법은?
이 플러그인은 구글의 페이지스피드 인사이트를 워드프레스로 연동시키는 플러그인이므로 페이지 스피드 인사이트의 API 키가 필요합니다. 플러그인 설치는 워드프레스 사용자라면 아시리라 믿고 생략하고 API 키를 얻는 방법을 설명드리겠습니다.
API키를 얻으면 플러그인의 옵션(Option) 항목에 API키를 넣어주시면 되며 언어설정을 한국어로 하면 바로 동작하게 됩니다. API 키를 얻는 과정은 다음과 같습니다.
1. 구글에 로그인 된 상태에서 https://console.developers.google.com 에 접속합니다.
2. 상단 Google Developers Console 옆의 “프로젝트 선택” 바를 눌러 프로젝트 생성을 클릭합니다. 프로젝트 리스트에 Google Page Speed 가 있는것은 먼저 설정한 후 에서 화면을 캡처했기 때문이며 해당 프로젝트는 초기에 보이지 않습니다.
3. 팝업창이 돌출 되면 프로젝트 이름을 입력한 후 만들기 버튼을 눌러줍니다.
4. 프로젝트가 생성되면 API 및 인증 항목 하단의 API를 클릭해줍니다.
5.API가 매우 많기 때문에 초기에 리스트된 API 중에서 찾지 마시고 “Pagespeed”를 입력하여 검색합니다.
상단의 PageSpeed Insights API가 검색되면 클릭해 줍니다.
6. 전환된 화면에서 상단 점선적색박스의 API 사용설정 버튼을 눌러줍니다.
7. 이제 API 및 인증 – 사용자 인증정보 를 클릭하여 나오는 화면에서 “새키 만들기” 버튼을 클릭해줍니다.
8. 새키만들기 팝업창에서 4개의 키가 나오는데 브라우저키를 선택합니다.
9.브라우저키를 누르면 상기 화면이 나오는데 입력칸을 공백으로 둔 후 만들기 버튼을 눌러줍니다.
10. 이제 공개 API 액세스를 위한 API키가 생성되었습니다. 상단 이미지의 API 키 옆의 적색박스 부분에 API키가 생성되는데 이 키를 구글 페이지스피드 인사이트(Google Pagespeed insight)의 옵션값에 입력해주시면 되겠습니다.
** 서버 및 워드프레스 튜닝 작업이 끝나면 굳이 페이지스피드 인사이트를 상시 활성화할 필요가 없으므로 비활성화한 상태로 두시면 되시겠습니다.
워드프레스는 플러그인이 많이 설치되어 동작하면 할수록 속도가 느려지는 구조이기 때문입니다.
- 워드프레스 테마 오픈마켓 테마포레스트- Theme forest
- 워드프레스 추천테마 관련 포스트 - AVADA / JARIDA / SAHIFA / GOODNEWS