블로그 성능 최적화 도구 소개: Lighthouse 블로그 지수 확인

Wookoa 2023. 11. 11.

Lighthouse 도구를 이용한 블로그 최적화
Lighthouse 도구를 이용한 블로그 최적화

머리말

  처음에는 큰 욕심이 없더라도 오랜 시간 블로그를 운영하다 보면 자신의 포스팅이 상위 검색에 노출되는 것을 목표로 삼게 된다. 정성껏 작성한 포스팅이 기왕이면 많은 사용자들의 검색에 노출되고, 블로그 방문까지 이어진다면 블로그를 운영하는 입장에서는 더할 나위 없이 좋다. 이렇듯 자신의 블로그 혹은 작성한 포스팅이 검색엔진에게 훌륭한 점수를 받는다면 상위 검색에 노출될 가능성도 매우 높아진다. 검색엔진에게 좋은 점수를 받기 위해서는 블로그의 성능을 재정비할 필요가 다분하다. 매우 당연한 이야기겠지만 블로그가 로딩되는 속도는 검색엔진이 점수를 부여하기 위한 좋은 척도 중 하나다. 블로그 로딩 속도가 오래 걸린다면 사용자가 이탈할 가능성이 높아지기 때문에 검색엔진은 좋은 점수를 부여할 수 없다. 본 포스팅에서는 블로그의 성능을 최적화하기 위해, 혹은 검색엔진에게 좋은 점수를 받기 위해 사용하는 Lighthouse 도구에 대해서 소개하도록 한다.

라이트하우스(Lighthouse)란 무엇인가?

  라이트하우스는 웹 페이지의 품질을 개선할 수 있도록 개발된 오픈 소스 형태의 도구이다. 구글에서 오픈소스로 배포한 라이트하우스는 블로그의 소유자가 아니더라도 누구든지 품질에 대한 점수 및 지표를 확인할 수 있다. 다양한 기준으로 자신의 블로그를 평가받을 수 있으며, 쉽고 간편하게 강력한 분석 기능을 제공하기 때문에 어렵지 않게 자신의 블로그를 점검할 수 있다. 아래의 사진은 본인의 블로그를 라이트하우스를 통해 분석한 결과이며, 분석 결과에 따라 블로그 최적화 작업은 수행하지 않은 상태이다. 분석 결과는 총 5개의 분류로 구분되어 출력된다.

Lighthouse 분석 결과
Lighthouse 분석 결과

라이트하우스 사용 방법

  Chromium 기반의 브라우저는 별도의 프로그램이나 플러그인 설치 없이 기본으로 제공되는 기능이다. 본인은 엣지와 크롬 브라우저를 주로 사용하고 있는데, 둘 다 Chromium 기반 브라우저이기 때문에 라이트하우스 기능을 기본으로 제공한다. 자신의 블로그 포스팅에 접속한 뒤, F12 키를 눌러서 개발자 도구를 실행하면 아래의 사진과 같이 라이트하우스 도구를 확인할 수 있다. 라이트하우스 분석(Analyze)을 수행하면 1-3분 내에 분석 결과를 바로 확인할 수 있다.

Lighthouse 실행 방법
Lighthouse 실행 방법

라이트하우스의 분석 항목 설명

  위에서 설명한 내용과 같이 라이트하우스의 분석 결과는 Performance, Accessibility, Best Practices, SEO, PWA 다섯 개 항목으로 출력된다. 각 항목은 또 다시 세부 항목으로 블로그 개선사항을 분석해서 리포팅 해준다.

  Performance 항목은 블로그가 랜더링 되는 시간을 측정한 항목이며 블로그의 성능을 분석한 결과로 이해할 수 있다. 이를테면 불필요한 자바스크립트 존재 여부와 로딩에 많은 시간이 소요되는 자바스크립트 등을 검출한다. 해당 항목에서 지적하는 내용을 하나씩 개선함으로써 블로그의 접속시간을 최적화할 수 있다.

  Accessibility 항목은 블로그의 접근성을 측정한 항목이며 블로그를 구성하는 태그에 적절한 속성이 부여되었는지를 검사한다. 일반적으로 img 태그에 alt 속성의 존재 여부와 html 태그의 lang 속성 존재 여부 등을 분석한다. 해당 항목의 지적 사항을 개선하면 검색엔진으로 하여금 포스팅의 주제를 명확하게 이해시킬 수 있다. 검색엔진이 포스팅의 내용을 정확하게 이해하는 것이 좋은 품질의 검색 결과로 이어지기 때문에 반드시 관리해야 될 항목이다.

  Best Practices 항목은 블로그가 웹 표준을 준수하는지 여부를 검사하는 항목이다. 블로그 스킨에서 특별한 API를 개발하지 않는 이상 높은 점수를 획득하기 어렵지 않다. 주로 https 프로토콜로 통신 가능 여부와 오류 메시지 출력 여부 등을 검사할 수 있다. 해당 항목은 국내 대형 블로그 서비스라면 웹 표준을 준수하기 때문에 높은 점수를 획득하기 어렵지 않다. 웹 표준을 준수하지 않는 블로그는 검색엔진에서 결코 좋은 점수를 얻을 수 없으니 기본적으로 관리가 필요한 항목이다.

  SEO 항목은 검색엔진을 위한 항목으로써 검색엔진에 최적화되었는지 분석하는 항목이다. 다양한 내용 중, 각기 다른 장비로 접속하는 사용자가 콘텐츠를 읽는 중 방해 요소 존재 여부와 부정적인 광고 출력 여부 등을 검출한다. SEO 용어에서 알 수 있듯이, 자신의 블로그가 검색엔진에 최적화되어 구성했는지 확인함으로써 종합적으로 웹 표준에 근접한 지 분석할 수 있다. 해당 항목의 지적 사항을 개선하면 일반적으로 알려진 검색엔진의 취향에 더욱 근접할 수 있으니 노출에 유리할 수밖에 없다.

  PWA 항목은 Progressice Web App 기준에 따른 분석 결과를 제공한다. 웹 표준과 SEO 분석 항목과 중복되는 부분이 많지만, 다양한 사용자의 장치의 다양한 인터넷 환경에서 쾌적한 블로그 로딩이 이루어지는지 여부를 검사한다. 다양한 통신 환경을 고려해서 블로그가 구성되었는지를 확인하는 항목으로 이해할 수 있다.

꼬리말

  자신이 SEO에 대해서 특별한 고민 없이 포스팅을 발행했다면, 아마도 라이트하우스의 분석 결과는 좋지 않을 수 있다. 자신이 운영중인 블로그 서비스에 따라서 더 이상 개선이 어려운 포인트도 분명히 존재한다. 하지만, 개선할 수 있는 항목이 확인된다면 가능한 개선하는 것이 좋다. 위 본문에 공개한 사진과 같이 본인의 블로그도 좋은 점수를 얻지 못했다. 본 포스팅을 시작으로 라이트하우스에 의해 검출된 항목을 하나씩 개선해 나가면서 검색엔진의 입맛을 맞춰나갈 예정이다. 이후 발생되는 포스팅에서 자신과 같은 항목이 검출되었다면, 본인이 발행한 포스팅을 참고하면서 개선해 나가면 도움이 될 것으로 생각된다. 블로그의 성능이나 지표를 검사하기 위한 도구는 다양하게 존재한다. 물론 라이트하우스가 절대적인 지표는 아니지만 복잡한 설치과정 없이 간편하게 사용할 수 있으면서, 강력한 분석 결과를 제공하기 때문에 사용하지 않을 이유가 없다. 이로써 라이트하우스에 대한 기본 개념과 사용방법을 소개한 본 포스팅을 마치도록 한다.

인기있는 글

소중한 댓글 (0)