페이지 속도가 중요한 이유와 웹사이트를 더 빠르게 로드하는 방법!

페이지 로딩 시간이 1초에서 10초로 늘어나면 방문자 이탈 확률 123% 증가 - Google

웹사이트를 방문하는 사용자의 인내심 수준은 5세입니다. 5세 아동에 대한 것은 없습니다(Specbee는 5세 아동 정책에 대해 엄격히 금지되어 있습니다). 그러나 사이트 소유자로서 페이지가 로드될 때까지 누구도 5초 이상 기다리기를 기대할 수 없습니다. 탐색할 수 있는 무한한 인터넷이 있는 경우에는 그렇지 않습니다. 페이지가 빨리 로드되지 않으면 최고의 콘텐츠라도 청중을 잃게 됩니다. 그러나 그것은 인간의 본성일 뿐입니다. 사이트 속도는 훨씬 더 많은 부분에서 중요한 역할을 합니다.

약간의 역사

Google은 항상 웹을 더 빠르게 만드는 임무를 수행해 왔습니다. 이것은 Google이 "더 빠른 웹을 만들겠다"는 계획을 발표한 2009년으로 거슬러 올라갑니다. 이러한 계획의 첫 번째 단계는 웹사이트 속도에 대한 지침을 게시하여 웹사이트 소유자가 로드 시간을 자세히 살펴보도록 설득하는 것이었습니다.

이에 더하여 Google은 2010년에 사이트 속도가 데스크톱 SERP 알고리즘의 요소 중 하나가 될 것이라고 발표했습니다! 당신이 그 당시 벽에 있는 그다지 미묘하지 않은 표지판을 읽고 있던 사이트 소유자였다면, 이것은 갑자기 엄청난 SEO 이점을 가졌다는 점에서 이미 더 빠른 로딩 사이트를 만들고 있는 사람들에게 좋은 기회였습니다.

몇 년 후인 2015년 Google이 모바일 장치에서 수행하는 검색 수가 데스크톱에서 수행되는 검색 수를 초과했다고 발표했을 때 사이트 소유자는 모바일 퍼스트 시대에 적응해야 했습니다. 구글은 AMP(Accelerated Mobile Pages)를 개발했고 3년 후 모바일용 페이지 속도도 순위 요소 중 하나로 도입됐다.

그리고 마치 추측할 수 없는 것처럼 상황은 계속 진행되고 있으며(항상 그렇습니다) 2021년 여름에 Google은 최신 추가 기능인 페이지 경험 업데이트를 출시하여 현재 알고리즘에 영향을 미치는 또 다른 중요한 요소를 던졌습니다!

데이터, 그리고 당신이 알아야 할 것!

페이지 속도는 복잡한 요소이지만 사람들은 종종 사이트 속도와 페이지 속도를 혼동합니다. 비슷해 보이지만 사이트 속도는 웹 사이트의 다양한 샘플 페이지의 평균이고 페이지 속도는 페이지 로드 시간을 정의합니다. 이 두 가지는 웹사이트의 페이지 경험에서 중요한 역할을 합니다. 또한 핵심 성능 지표는 사이트 소유자가 사용자에게 원활한 경험을 제공하기 위해 살펴봐야 하는 중요한 측정 단위 집합입니다.

여전히 키워드, 데스크톱 및 모바일 경험, 백링크, 콘텐츠 마케팅 등에 많은 시간을 할애하고 있지만 이제는 온페이지 경험에도 주의를 기울여야 합니다. 그리고 핵심 성능 평가는 양질의 페이지 경험을 제공하는지 알려주는 새로운 메트릭 세트입니다.

핵심 신호에 대해 조금 더 파헤쳐 보겠습니다.

가장 큰 내용이 포함된 페인트 [LCP]

페이지 로드 성능과 관련하여 이 Google 경험 측정항목은 페이지에서 가장 많은 정보가 로드되는 데 걸린 시간을 나타냅니다. 예를 들어 페이지에 비디오(종종 페이지에서 가장 큰 정보)가 있는 경우 해당 비디오가 완전히 로드되어 사용자가 재생할 수 있는 데 걸리는 시간은 LCP를 나타냅니다.

이것은 중요한 측정항목입니다. Google은 LCP를 SERP 페이지의 순위 요소로 사용합니다.

첫 번째 입력 지연 [FIP]

첫 번째 입력 지연은 페이지/웹사이트의 응답성을 측정합니다. 이 Google 측정항목은 페이지/사이트에서 사용자의 첫 번째 상호작용에 대한 응답 시간을 나타냅니다.

예: 페이지에 비디오가 있고 페이지가 로드된 후 사용자가 "재생"을 클릭합니다. 클릭 후 비디오를 재생하는 데 걸리는 시간은 FID입니다.

누적 레이아웃 이동[CLS]

CLS는 웹사이트의 전체 모양에 영향을 미치는 예기치 않은 레이아웃 변경/변경의 빈도를 나타내는 Google 측정항목입니다.
흥미로운 것을 보고 계속 클릭했지만 마지막 순간에 화면이 점프하고 새 버튼이 로드되어 결국 클릭하게 된 웹사이트를 본 적이 있습니까? 이는 잘못된 코딩 또는 경우에 따라 사용자가 광고 또는 기타 링크를 클릭하도록 하는 숨겨진 동기를 나타내는 큰 표시입니다!

핵심 웹 바이탈 보고서

Core Web Vitals의 세부 정보 및 보고는 오류에 대한 자세한 정보와 개선 팁을 제공하는 Search Console을 통해 처리할 수 있습니다.

속도를 향상시키기 위해 무엇을 할 수 있습니까?

Google 측정항목과 웹사이트 소유자가 웹사이트를 최적화하기 위해 최선을 다하는 방법에 관해서는 어둠 속에서의 약간의 경쟁입니다. 많은 웹사이트 소유자는 작동 방식과 최적화가 필요한 부분에 대한 아이디어를 가지고 있지만 일부 소유자는 작동하기를 바라는 데 맹목적으로 과감한 변경을 합니다.

벽에 물건을 던지고 무엇이 달라붙는지 확인하지 않고도 사이트/페이지의 속도를 향상시킬 수 있는 몇 가지 사항이 있습니다.

가볍고 빠르고 격렬하게!

최신 웹 사이트는 종종 미니 버스 또는 리무진이라고 합니다. 그것들은 거대하고, 애니메이션/그래픽으로 가득 차 있고, 온갖 종류의 코드 집약적 통합을 가지고 있습니다. 그래서 그것들을 무겁고 느리게 만듭니다 ! 아름다운 웹사이트를 만들 때 소유자는 종종 기능을 우선시합니다.

이미지 크레디트: Pingdom

SEO 경쟁에서 이기려면 사이트가 가볍고 불필요한 애니메이션, 멋진 배경, 거대한 이미지, 추가 플러그인 등이 로드되지 않는 것이 중요합니다. 감소된 사치 외에도 이미지 최적화, 타사 스크립트 감소(GTM 사용), AMP 구현, 코드 압축(CSS 및 JS) 등을 통해 과도한 무게를 줄일 수 있습니다 .

Drupal과 같은 CMS에는 페이지 속도를 향상시키는 데 도움이 되는 사용하기 쉬운 모듈이 꽤 있습니다.

이미지 크레딧: 연감

이제 웹 사이트가 깨끗하고 깔끔하게 정리되었으므로 더 많은 기능을 제공할 때입니다! 그리고 이를 수행하는 가장 좋은 방법은 적절한 호스팅 환경을 사용하는 것입니다. 적절하게 조정된 호스팅 환경의 웹사이트는 성능 면에서 경이롭게 작동할 수 있습니다. 또한 CDN을 사용하여 웹 사이트 리소스를 더 빠르게 로드할 수도 있습니다.

도구는 가장 친한 친구입니다!

페이지 속도가 얼마나 중요한지 알았으니 다음으로 기억해야 할 것은 모니터링의 중요성입니다. 웹사이트의 속도 성능에 대한 많은 정보를 제공하는 다양한 도구(많은 다른 중요한 측정항목 중)는 다음 최적화도 제안할 것입니다. 다음은 웹사이트 성능을 측정하는 상위 5가지 도구에 대한 Specbee의 선택입니다.

• 크롬 등대
• 웹 개발
• 구글 페이지 인사이트
• GTMetrix
• 웹사이트 속도 테스트