본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.

PageSpeed Insights(PSI)란?

PageSpeed Insights(PSI 또는 Lighthouse)는 사이트의 성능을 측정하는 간단한 도구입니다. 하지만 SEO에는 영향을 미치지 않는 도구인데요. 따라서 단순히 PSI의 점수만을 높이는 데에는 큰 노력을 기울이지 않아도 됩니다.

꼭 PSI를 최적화 해야 하나요?

먼저 알아두셔야 할 점은, 앞서 말한 것 처럼 PSI 점수는 SEO에 직접적인 영향을 주지 않습니다. (출처1 / 출처2) Google의 공식 입장에 따르면, SEO에 영향을 주는 것은 Core Web Vitals입니다.

두 지표의 차이는 테스트 방식에 있습니다.

PSI는 시뮬레이션 되어 있는 느린 Android 기기에서 성능을 측정하는 반면, Core Web Vitals는 실제 방문자 데이터를 기반으로 측정됩니다. 따라서 Core Web Vitals가 우수하더라도 PSI 점수는 낮게 나올 수 있으며, 이 경우 PSI 점수는 무시해도 된다는 것입니다.

실제 SEO 성능을 확인하려면 Google Search Console에서 Core Web Vitals 데이터를 확인해보세요.

PSI에 대한 주의사항

1. PSI는 성능 측정 도구로는 부정확함을 알아두기

PSI 점수는 절대적인 수치가 아니며, 대략적인 수치에 불과합니다. 따라서 사이트의 속도를 높이면 되려 점수가 느려지는 경우도 있습니다. 이 문제에 대한 Google 심층 리포트도 존재할 정도로, PSI는 정확한 성능 측정 도구라 하기에는 부정확하다는 것을 알아두는 것이 좋습니다.

2. PSI의 권장사항을 그대로 믿지 않기

PSI에서 제안하는 최적화 방법들은 아이디어로는 도움이 되지만, 실제로 사이트 속도의 개선이나 PageSpeed Insights점수를 높여주는 것은 아닙니다. 이 때문에 PSI가 권장하는 사항들은 참고만 하시길 권장드리며, 예시로 해당 사례들을 읽어보시길 바랍니다.

PSI를 활용할 때 알아두면 좋은 점

PSI를 활용할 때 알아두면 좋을 몇 가지 포인트들이 있습니다.

1. 여러 번 테스트 실행하기

PSI 점수는 테스트할 때마다 상당한 차이가 있는데요. 최대 15점까지 차이가 날 수도 있습니다. 가장 현실적인 평균값을 얻으려면 최소 3번 이상 테스트를 실행하고, 그 중간값(또는 평균값)을 기준으로 판단하는 걸 추천합니다.

PSI는 같은 페이지를 바로 다시 테스트하면 동일한 결과를 표시할 수도 있습니다. 동일한 결과를 표시하지 않게 하면서 테스트를 실행하는 사이의 대기하는 시간을 생략하려면, URL 끝에 ?1234 같은 쿼리 매개변수를 추가해보시길 바랍니다. (예: my-site.com/my-page/?1234)

2. Framer 성능 최적화 모범 사례를 따르기

Framer의 성능 최적화 사례를 활용하여 사이트 최적화에 집중해보세요. Framer 사이트에 맞게 이미지, 글꼴 및 기타 요소를 최적화하는 팁을 활용해보시길 바랍니다.

또한 게시할 때 사이트가 완전히 최적화되어 있고, 경고가 뜨지 않았는지 확인하세요. 이를 확인하고 게시한다면, 사용자 경험이 향상될 뿐만 아니라 SEO에도 도움이 될 겁니다.

이러한 단계를 따른 후에도 문제가 지속되면 추가 도움이 필요하면 연락처 페이지를 통해 문의해주시길 바랍니다.

본 글은 Framer 공식 블로그의 ‘How to optimize the PageSpeed Insights score’를 번역·각색한 콘텐츠입니다.