Google의 코어 웹 바이탈을 통과하는 빠른 다국어 웹사이트 구축 방법

아마 코어 웹 바이탈(Core Web Vitals)과 이것이 SEO(및 다국어 SEO)에 미칠 영향에 대해 이미 들어보셨을 것입니다. 사이트 속도를 최적화하기 위해 수행해야 할 작업을 나열한 기사를 몇 개 읽어보셨을 수도 있습니다. 이 튜토리얼에서는 설명하는 대신 직접 보여드리겠습니다. Dario가 처음부터 맞춤형 다국어 WooCommerce 사이트를 구축하고 Google PageSpeed Insights에서 높은 점수를 달성하는 과정을 지켜보세요.

페이지를 로드하는 데 걸리는 시간(Largest Contentful Paint)이 방문자 유지 및 전환에 중요하다는 것은 이미 알고 있습니다. Google은 코어 웹 바이탈의 일환으로 “레이아웃 변경” 및 “상호 작용까지의 시간”이라는 두 가지 다른 성능 지표를 포함합니다. 이 세 가지 지표는 특히 모바일에서 페이지가 얼마나 “쾌적하게” 느껴지는지를 나타내는 훌륭한 척도입니다. Google이 이러한 지표를 도입한 것은 개발자를 힘들게 하려는 것이 아니라 사용자 경험을 개선하기 위해서입니다. 결국 Google도 수익을 창출하고자 하는 기업입니다. Google이 수익을 창출하려면 사람들이 검색 결과에 만족해야 합니다. 관련성 높은 콘텐츠를 제공하는 것 외에도 Google은 방문자가 “브라우징 경험”을 즐기기를 원합니다.

그리고 Google에서 매우 좋은 점수를 얻는 것은 로켓 과학 학위가 필요할 만큼 어려운 일이 아닙니다. 올바르게 시작하고 사소한 실수를 피하기만 하면 됩니다.

체크리스트는 다음과 같습니다.

• 좋은 호스팅
• 불필요한 요소 피하기
• 페이지 캐시
• CDN

이것이 전부입니다.

빈 WordPress 사이트를 만들고, 가벼운 테마를 선택하고, 캐싱 및 CDN을 활성화했습니다. 빠른 호스팅(비용 $10/월)에 배치하고 결과를 측정했습니다. CWV에서 거의 100점에 가까운 점수를 받았습니다. 그런 다음 리소스를 낭비하지 않는 플러그인만 신중하게 추가하고 작은 이미지를 사용했습니다.

결과가 어떨까요? 모든 것이 매우 빠르게 로드되고 Google의 가이드라인을 통과하는 완전히 맞춤화된 다국어 WooCommerce 사이트가 완성되었습니다. 특별한 마법이나 해킹은 없습니다.

동영상을 시청하며 단계를 따라 해 보세요. 여러분의 사이트에서는 어떻게 진행되고 있는지, 어디서 성능이 떨어지는지 댓글로 알려주세요.