구글 “라이트 하우스”(Lighthouse)로 블로그 최적화 점수 확인하기

구글 “라이트 하우스”(Lighthouse)로 블로그 최적화 점수 확인하기

 

  초보의 특징은 시키는 것을 열심히 하는데 잘하고 있는지, 잘하면 얼마나 잘하고 있는지를 모르는 것이다. 여기저기에서 티스토리 블로그의 최적화에 대해 찾아보고 열심히 따라 해 본 아잼마는 문득 내가 최적화를 제대로 하고 있는지, 지금까지 노력한 것이 객관적으로 어떻게 평가될 수 있는지 아주 궁금해졌다. 사실 블로그나 유튜브에서 비법이다 꿀팁이다 하면서 알려주는 정보들의 신빙성이 어떤지도 궁금해서 객관적인 검증이 있었으면 했다. 열심히 따라 했는데 나중에 보니 헛다리집은 것이라면 얼마나 억울한가? 
  그러다 우연히 구글에서 제공하는 Lighthouse를 통해 나의 블로그의 점수를 확인할 수 있다는 사실을 알게 되었다. 구글에서 제공한 보고서라니 내 블로그를 검증하는 것으로 가치가 있지만 블로그 수익의 절대적인 조건이 되는 구글의 입맛에 내 블로그가 얼마나 잘 맞는가를 보여주는 것이라서 눈이 번쩍 뜨이는 것이다. 그래서 즉시로 내 블로그에 대한 검사를 실시했다. 

  잠시 검색을 해보니 구글의 “Lighthouse” 는 웹 사이트의 속도나 SEO 등 사이트 전반적인 진단과 검증을 통해 성능을 향상할 수 있고  PWA(Progressive Web APP, 앱처럼 보이는  모바일 웹 서비스) 개발을 돕는 오픈 소스라 한다. 알고 보니 블로그 선배들은 이를 웹사이트 품질 개선을 위한 도구로 부르고 “네이버웹마스터도구”, “구글 애널리틱스”, “UTM 코드 활용”, “구글 서티콘솔”, “구글 옵티마이즈”, “Page speed Insights”, “Mobile Friendly Test” 등도 동일한 작업을 할 수 있는 도구들로 분류하고 있다. 

  어쨌든 라이트 하우스로 내 블로그의 최적화 점수를 알아보러 간다. 

 

1. Chrome 개발자 도구로 집입하기

  라이트하우스를 사용하려면 내 티스토리 블로그에서 “Chrome 개발자 도구”에 들어가야 한다.

- “F12”를 클릭하면 화면 오른쪽에 “Chrome 개발자 도구”가 나타난다.

2. 라이트하우스 찾기

- 크롬 개발자 도구 창에서 “>>”를 찾아 누르면 풀다운 창이 내려가 “Lighthouse”가 보인다. 
- “Lighthouse”를 클릭한다. 

3. 분석하기

  그러면 아래와 같이 Lighthouse Report가 생긴다. 

- 내 블로그를 검사하기 위해 “Analyze page load”를 클릭하면 분석이 진행된다. 

  여기에서는 5개 카테고리로 나누어 분석한다. 성능(performance), 접근성(accessibility), 권장사항(best practices), SEO, Progressive Web APP(PWA). 접근성이나 성능 부분에 좋은 점수가 나오면 구글 검색 로봇이 나의 콘텐츠들을 좋은 것으로 인식하고 검색결과나 노출에 많은 이점이 있다고 한다. 

 

4. 결과 리포트 확인

  분석이 끝나면 결과 리포트가 게시된다.

  모범사례는 75점, 접근성 82점! SEO는 91점이다!!!. 그런데 PWA는 점수가 없다. 퍼포먼스 점수가 아래에 대표적으로 나온 것으로 보아 이것이 최종 분석 점수인 것으로 보인다. 아잼마 학창 시절 시험 성적으로 보면 평균 50점은 수업 시간 내내 빳다 대기 점수이다. 보람, 뿌듯함과 함께 실망, 기운 빠짐이 몰려왔으나 이내 정신을 차렸다.

  어쨌든 아잼마 블로그를 만들고 이것저것 열심히 블로그의 환경을 최적화한 결과를 알 수 있었다. 이젠 다른 최적화 방법들을 적용해보고 검사를 하면 뒤로 가는지 앞으로 가는지는 알 수 있을 것 같다는 생각이 들었다. 아래는 라이트하우스에 대해 설명하는 홈페이지이다. 나중에 가봐야겠다. 

  이제 왕초보 블로거 아재의 신체 배터리가 방전 직전이다. 티스토리 참 배울 것이 많다!! 열심히 했다. 잠시 쉬어야겠다. 쉬려 하는데 블로그 점수를 올려주는 팁을 발견해서 했다. 공부를 더 할까 말까 망설이다. 일단 쉰다.   

 

 

▼▼ 티스토리 블로그 최적화 ▼▼
티스토리 블로그 최적화하기 - 최적화 두 가지 방법, 블로그 최적화 확인 방법