페이지 속도를 개선하고 핵심 핵심 웹 바이탈을 마스터하는 4가지 방법

게시 됨: 2021-08-20

Google은 검색 알고리즘을 업데이트하여 핵심 성능 향상 팁으로 사이트의 페이지 순위를 높일 수 있는 완벽한 기회를 제공했습니다.

검색 알고리즘에 대한 Google의 최신 주요 업데이트는 Core Web Vitals라고 하는 새로운 순위 요소 메트릭 세트를 통해 사용자 경험에 크게 중점을 둡니다. Core Web Vital 감사의 초기 결과에 따르면 평균 웹 사이트는 이러한 새로운 표준보다 낮은 성능을 보입니다. Searchmetrics의 연구에 따르면 사이트는 평균적으로 사용하지 않는 JavaScript를 제거하여 페이지 로드 시간을 거의 1초로 줄일 수 있습니다.

이것은 귀하의 페이지 순위를 높여서 다른 웹사이트를 능가할 수 있는 놀라운 기회를 제공합니다.

핵심 성능 향상에 대해 알아야 할 모든 것과 지표를 개선하기 위한 4가지 간단한 단계가 있습니다.

Searchmetrics와 협력하여 만든 콘텐츠입니다.

핵심 성능 평가 지표는 무엇입니까?

핵심 성능 평가는 모바일 친화성 및 HTTP를 포함하는 Google의 페이지 경험 신호의 확장입니다. 세 가지 핵심 성능 평가 지표는 로딩 성능, 상호 작용성 및 시각적 안정성을 측정하며, Google은 이를 통해 실제 사용자 경험을 정확하게 묘사하는 것으로 간주합니다.

  1. LCP(Large Contentful Paint)는 사용자의 관점에서 볼 수 있는 가장 큰 이미지 또는 텍스트 블록의 로딩 시간을 측정합니다.
  2. FID(First Input Delay)는 사용자가 사이트와 처음 상호 작용할 때부터 브라우저가 해당 상호 작용에 응답할 때까지의 시간을 계산하여 페이지의 상호 작용을 측정합니다.
  3. CLS(누적 레이아웃 이동)는 페이지 렌더링 중에 콘텐츠가 이동하는 정도를 나타냅니다.

페이지 속도 통계를 확인하는 방법

PageSpeed ​​Insights, Chrome 사용자 경험 보고서, Lighthouse Audit, Search Console을 포함하여 페이지 순위 점수를 확인하는 많은 온라인 도구가 있습니다. 이 사이트는 다양한 요소에서 페이지 속도를 측정하고 신호등 시스템을 사용하여 결과를 표시합니다. PageSpeed ​​Insights는 결과 분석을 제공하고 개선 영역을 강조 표시합니다.

"좋은" 성능은 숫자로 무엇을 의미합니까?

제공하기 위해 좋은 사용자 경험을 제공하려면 페이지가 처음 로드되기 시작한 후 2.5초 이내에 LCP가 발생해야 합니다. 페이지의 FID는 100밀리초 미만이어야 하고 CLS는 0.1 미만으로 유지해야 합니다.

Wikipedia와 같은 웹 사이트는 주로 텍스트 및 최적화된 이미지. 비디오 콘텐츠와 이미지에 크게 의존하는 웹사이트는 로드 속도가 느려 사용자 경험이 좋지 않습니다. 따라서 디자인과 사용자 경험 사이에 균형을 유지해야 합니다.

귀하의 사이트 순위를 확인하십시오. 방문 PageSpeed ​​인사이트 URL을 입력합니다. 참고: 맨 위 숫자는 0에서 100까지 측정되는 Lighthouse 점수(PageSpeed ​​점수라고도 함)입니다. 이는 사이트 성능에 대한 좋은 일반적인 벤치마크입니다. LCP, FID 및 CLS의 분석으로 보아야 하는 세 가지 핵심 성능 향상 지표와 완전히 관련이 있는 것은 아닙니다.

페이지 속도를 향상시키는 방법

합격은 세 영역 모두에서 "좋은" 점수를 받은 것으로 간주됩니다. 조금만 변경해도 페이지 속도 점수가 1초 정도 향상되어 사이트가 LCP의 "나쁨" 또는 "개선 필요" 점수에서 "양호" 점수로 전환될 수 있습니다. 로드 시간을 줄이면 사용자가 더 행복해지고 사이트 트래픽이 증가합니다.

Searchmetrics의 크리에이티브 마케팅 전문가인 Tom Wells는 다음과 같이 말합니다.

“웹사이트에서 필요하지 않은 것은 거기에 있어서는 안 됩니다.”

간단히 말해서 사용되지 않거나 실질적인 목적이 있는 요소를 식별하고 제거하면 사이트의 페이지 속도 점수를 높일 수 있습니다.

1. 대형 이미지

최적화되지 않은 이미지는 일반적으로 로드할 가장 큰 요소이기 때문에 사이트의 LCP 점수에 영향을 미치는 주요 원인 중 하나입니다. 전자 상거래 비즈니스와 이미지에 크게 의존하는 비즈니스는 여러 고해상도 이미지의 페이지 렌더링으로 인해 LCP 점수가 더 낮을 수 있습니다.

WebP, JPEG 2000 및 JPEG XR과 같은 반응형 디자인 또는 차세대 이미지 형식을 사용하여 이러한 자산을 최적화하면 렌더링 시간을 줄여 점수를 높일 수 있습니다. 종종 이미지의 품질에 영향을 주지 않으면서 이미지를 훨씬 더 작은 크기로 압축할 수 있습니다. Squoosh와 같은 무료 리소스가 이 작업을 수행할 수 있습니다.

2. 동적 콘텐츠 및 광고

웹 페이지에 광고를 로드하는 것은 나쁜 CLS 점수의 주요 원인 중 하나입니다. 이는 동적 광고를 수용하기 위해 이동하는 페이지의 요소로 인해 사용자 경험이 저하될 수 있습니다.

모든 광고, 비디오 및 이미지 요소에 대해 크기 속성 또는 CSS 종횡비 상자를 할당하는 것과 같은 스마트 구현 방법을 사용하는 것은 콘텐츠 이동을 줄이는 한 가지 방법입니다. 일부 회사는 광고를 게재하기 위해 웹사이트 상단에 플러그인 또는 코딩을 사용할 수 있습니다. 그러나 이는 웹사이트 속도를 저하시켜 사용자 경험에 부정적인 영향을 미치고 순위에 간접적으로 영향을 미칠 수 있습니다.

또한 특정 사용자 상호 작용에 대한 응답을 제외하고 기존 콘텐츠 위에 콘텐츠를 삽입하지 마십시오. 이렇게 하면 발생하는 레이아웃 이동이 보장됩니다. 예를 들어, CTA 버튼을 클릭하고 양식이 나타나는 경우는 예외입니다.

3. 플러그인 중심의 웹 경제

플러그인은 웹사이트 문제를 해결하기 위해 "크랙을 덮는 석고"와 같은 역할을 할 수 있다고 Wells는 말합니다. 임시 수정 사항을 생성하더라도 사용자가 웹 페이지와 완전히 상호 작용할 수 있기 전에 모든 코드를 로드해야 하므로 웹 성능이 느려지고 방해할 수 있습니다.

플러그인을 사용하면 서버 요청 수를 늘리고 자바스크립트 실행 시간을 늘릴 수 있습니다. 이러한 모든 요소는 사이트의 FID 점수를 낮출 수 있습니다.

"종종 우리는 고급 수정 및 솔루션을 찾지만 필요하지 않은 것은 삭제하는 것만큼 간단할 때도 있습니다."라고 Wells는 말합니다.

따라서 일부 플러그인, 특히 사용하지 않는 플러그인을 제거하면 웹사이트의 반응성과 속도를 향상시킬 수 있습니다.

4. 너무 많은 코드

Google은 전반적인 웹사이트 성능에 중점을 두는 것이 좋습니다.

Wells는 "반응형이고 점수가 좋은 웹사이트는 최대한 가볍게 만드는 것이 중요합니다."라고 말합니다.

"서버가 로드해야 하는 것이 많을수록 로드 시간이 전반적으로 느려질 것입니다."

사용하지 않는 CSS 및 JavaScript는 페이지 속도 점수에 직접적인 영향을 미치지 않을 수 있지만 여전히 사이트의 로드 시간에 영향을 미치고 코드 팽창을 생성하며 사용자 경험에 부정적인 영향을 미칠 수 있습니다.

언제 시작해야 하나요?

Google의 새 알고리즘 출시는 6월 중순에 시작되었으므로 페이지 속도 테스트에서 사이트 점수가 얼마나 좋은지 먼저 검토해 볼 가치가 있습니다. 순위가 좋은 웹사이트는 핵심 성능 평가 점수가 더 높은 경향이 있으며 Google이 사용자 경험을 더 강조함에 따라 이러한 추세는 계속될 것입니다.
___
아오페 모건
 출처: SearchEngineWatch