사이트 속도 체크 및 최적화(Lighthouse)

사이트 속도 체크 및 최적화(Lighthouse)

티스토리와 같은 사이트를 운영하다보면 운영할 수록 사이트가 느려지거나 생각한대로 검색노출이 안되는 경우가 있다. 하지만, 반대로 생각해보면 이 문제는 매우 간단하다. 사이트가 가볍지가 않기 때문인데, 가볍다는 뜻은 무엇일까?

이미지의 용량처럼, 용량이 크면 클수록 사이트는 무거워진다. 무거운 사이트는 접속하기 어려워지고 이로 인해서 구글랭킹반영에 불리하게 작용되는 것이다. 그래서 우리는 수시로 사이트를 체크하고 점검해야하는데, 검색노출 부터 사이트가 원활하게 작동되는지 체크해야만 한다.

PageSpeed Insights에 접속하면 쉽게 확인을 할 수 있다. Lighthouse에서 제공되는 기능을 Google PageSpeed Insights 에서도 확인해볼 수 있다. 다만, 구글확장프로그램을 통해서 Lighthouse를 추가한다면 클릭 한번으로 매우 쉽게 사이트 상태를 확인할 수 있다. 사이트를 체크하면 아래와 같이 레포트가 작성된다.

사이트 속도 체크 및 최적화(Lighthouse)

보다시피, 필자의 SEO(검색엔진최적화) 지수는 100점으로 매우 우수하다. 하지만 이외의 요소에서는 불만족스러운 점수를 받았다. 특히, Performance(성능) 요소에서 매우 낮은 점수를 받았는데, 그 이유는 바로 이미지의 크기에 있었다. 메인 슬라이드로 사이트를 구성했기 때문에 어쩔 수 없이 고화질의 이미지를 넣을 수 밖에 없었는데, 사실 매우 간단하게 해결할 수 있다.

이미지를 압축하면 1920 사이즈의 이미지도 매우 낮은 용량으로 고화질의 이미지를 적용할 수 있는데, 그 전에 다른 요소를 먼저 설정해야했기 때문에 이미지 압축을 신경쓰지 못했다. 이외에 점수들은 크게 부족한 점은 없었다.

모든 부분들을 설정한다면 검색노출에도 잘 반영이 되고 사이트 자체 성능도 좋아져서 사이트 이용이 원활하게 만들 수 있다. 티스토리의 경우, 수정에 제한적이기 때문에 전부 수정할 수는 없다. 그렇지만, 이미지 압축만 잘 하더라도 사이트를 운영하는데 어려움이 없다.

영어로 설명이 되어 있기 때문에 번역을 해서 쉽게 확인을 할 수 있다. 다만, 어느정도 코드에 대한 지식이 있어야만 수정할 수 있는 요소들도 많이 있기 때문에 이외의 수정은 전문가에게 의뢰하거나 별도로 공부를 해야만 한다.

• Lighthouse
• Google Developes