웹 사이트 속도 테스트 수행 방법 (2025 자습서)

우리는 즉각적인 만족 사회에 살고 있습니다. 사람들은 웹 사이트에 착륙하고 원하는 것을 얻고 몇 초 안에 계속 진행할 것으로 기대합니다. 느린 웹 사이트는 좌절, 포기 및 기회 상실로 이어질 수 있습니다. 아무도 웹 사이트가로드 될 때까지 기다리지 않을 것입니다. 그들은 원하는 것을 빨리 찾고 싶어합니다. 이 게시물에서는 빠른 웹 사이트가 왜 중요한지 설명하고 웹 사이트 속도 테스트 수행을 안내합니다.

시작합시다.

웹 사이트 속도에 관심을 가져야하는 이유

웹 사이트 속도는 긍정적 인 사용자 경험 (UX)의 초석이며 웹 사이트가 얼마나 성공적인지에 큰 요소입니다. 웹 사이트가 얼마나 빨리로드되는지와 방문자가 얼마나 만족하는지에 직접적인 연결이 있습니다. 부하 시간이 느리면 좌절감과 궁극적으로 포기가 발생합니다. 오늘날의 디지털 세계에서 사람들은로드하는 데 너무 오래 걸리는 웹 사이트에 대한 내성이 거의 없습니다. 그들은 단순히 뒤로 버튼을 클릭하고 경쟁 업체의 사이트로 향합니다. 한 페이지 만 본 후 사이트를 떠나는 방문자의 비율 인이 바운스 율은 사이트를 추가로 2 초마다 크게 증가합니다.

웹 사이트 속도는 또한 검색 엔진 순위 (SERP)에서 중요한 역할을합니다. Google과 같은 검색 엔진은 웹 사이트 속도를 고위 계수로 간주합니다. 사용자가 자신을 선호한다는 것을 알고 있기 때문에 빠르게로드하는 웹 사이트의 우선 순위를 정합니다. 느린 웹 사이트는 그 가시성에 부정적인 영향을 줄 수 있으므로 잠재 고객이 찾기가 더 어려워집니다. 이런 식으로 생각하십시오. 두 웹 사이트가 유사한 제품이나 서비스를 제공하면 더 빠른 웹 사이트가 더 높은 순위를 올릴 것입니다.

웹 사이트 속도는 전환율과 직접 연결됩니다. 목표를 창출하거나 판매를 유도하거나 뉴스 레터 가입을 장려하는 것이 목표이든 빠른 웹 사이트는 결과를 향상시킬 수 있습니다. 사이트가 예상대로로드되면 방문자는이를 탐색하고 콘텐츠에 참여하며 궁극적으로 고객으로 전환 할 수 있습니다.

느린 웹 사이트는 귀하의 명성을 손상시킵니다

느리게로드하는 웹 사이트에는 다른 단점이 있습니다. 브랜드의 이미지와 신뢰성에 영향을 줄 수 있습니다. 영원히로드하는 데 걸리는 웹 사이트는 비즈니스가 전문가, 구식 또는 신뢰할 수없는 것처럼 보이게 할 수 있습니다. 그것은 부정적인 첫인상을 만들어 잠재 고객과의 구축을 더 어렵게 만들 수 있습니다. 또한 사용자는 사이트의 성과를 세부 사항 또는 투자 부족에주의를 기울여 브랜드의 명성을 손상시킬 수 있습니다.

믿거 나 말거나 느린 웹 사이트는 모바일 사용자에게도 영향을 줄 수 있습니다. 대부분의 인터넷 사용자가 전화기에서 웹 사이트에 액세스 할 때 빠르게로드하는 웹 사이트를 제공하는 것이 그 어느 때보 다 중요합니다. 모바일 사용자는 종종 데스크탑보다 인터넷 연결이 느려집니다. 빠른 사이트가 없으면 더 많은 청중을 잃고 장치에 관계없이 모든 사람에게 긍정적 인 사용자 경험을 제공 할 위험이 있습니다.

웹 사이트 속도 테스트 수행 도구

웹 사이트의 속도를 평가하고 개선을위한 영역을 식별하는 데 도움이되는 몇 가지 도구 (무료 및 유료)를 사용할 수 있습니다. 그들은 모두 UI에 대한 접근 방식이 다른 동일한 지표를 가지고 있습니다. 그들이 제공하는 것을보기 위해 몇 가지를 살펴 보겠습니다.

Google Pagespeed Insights

Google에서 구동되는 PagesPeed Insights는 웹 사이트의 속도 및 사용자 경험을 분석하는 무료 도구입니다. 통제 및 실제 사용자 경험을 기반으로 실험실 및 현장 데이터를 제공합니다. 개선을위한 실행 가능한 권장 사항을 제공하여 잠재적 영향에 따라 우선 순위를 정합니다. 이를 통해 Google이 사이트의 속도를 인식하는 방법을 확인하고 핵심 웹 생명을 향상시킬 수있는 영역을 식별하는 데 도움이됩니다 (나중에 자세한 내용).

gtmetrix

GTMetrix는 Google Pagespeed Insights의 데이터와 다른 비교 가능한 성능 분석 도구를 결합하여 웹 사이트 속도에 대한 개요를 제공합니다. 성능 점수, 폭포 차트 (리소스로드 방법 시각화) 및 최적화 권장 사항을 포함한 자세한 보고서를 제공합니다. GTMetrix를 사용하면 시간이 지남에 따라 웹 사이트의 성능을 모니터링하고 영향을 추적 할 수 있습니다. 또한 다른 위치에서 테스트 할 수 있으므로 전 세계 사용자에 대한 통찰력을 제공합니다.

Pingdom

Pingdom은 다른 위치 및 브라우저에서 사이트의 속도를 테스트 할 수있는 웹 사이트 모니터링 서비스입니다. 그것은 당신에게 자세한 폭포 차트와 성능 메트릭을 제공하며, 이는 사이트 속도를 세분화하려는 경우 도움이됩니다. 성능 권장 사항 및 페이지 크기에서로드 시간 및 HTTPS 요청에 이르기까지 모든 데이터를 찾을 수 있습니다. 따라서 심층적 인 속도 테스트가 필요한 경우 Pingdom이 좋은 선택입니다.

웹 사이트 그레이더

Hubspot의 무료 도구 인 웹 사이트 그레이더는 귀하의 웹 사이트를 확인하고 성능, SEO, 모바일 친화 성 및 보안에 대한 보고서를 제공합니다. 사이트가 잘하는 일과 더 나을 수있는 곳을 볼 수있는 좋은 방법입니다. Hubspot Academy에서 무료 수업도 제공합니다. 그러나 액세스를 위해 가입해야합니다.

웹 사이트 속도 테스트를 수행하는 방법

테스트 자체에는별로 많지 않지만 결과를 이해하는 것은 다른 이야기입니다. Google Pagespeed Insights를 사용하여 웹 사이트 속도 테스트를 수행하겠습니다. 테스트를 수행하기 위해 Divi와 함께 사용 가능한 Divi 빠른 사이트 예제를 사용합니다. 깨끗하게 유지하기 위해 사이트에 플러그인을 추가하지 않겠습니다.

테스트하려는 웹 사이트의 URL을 입력 한 다음 분석 버튼을 클릭하십시오.

Google은 사이트를 테스트하기위한 단계를 따라 사이트에 착륙 할 때 실제 사용자가 경험 한 내용을 발견 한 다음 성능 문제를 진단합니다. 모바일 및 데스크탑 장치에 대한 4 가지 메트릭의 성능, 접근성, 모범 사례 및 SEO를 제공합니다. 우리의 테스트 사이트에는 SEO가 없으므로 결과는이를 반영합니다. 그러나 WordPress는 Seo-Opmentized 코드 덕분에 검색 엔진 친화적입니다.

결과 이해

웹 사이트 속도 테스트 결과가 손에 달리면 특히 초보자 인 경우 이해하기 어려운 많은 메트릭이 표시됩니다. 우리는 당신을 속도를 높이기 위해 각각을 안내해 드리기 때문에 괜찮습니다.

전체 성능 점수

테스트를 시작하면 전체 성능 점수가 96이라는 것을 알 수 있습니다. 당사 웹 사이트가 빠르게로드되고 좋은 사용자 경험을 제공한다는 것을 보여줍니다. 점수는 0에서 100 사이이며 점수가 높아집니다. 또한 점수를 기반으로하는 몇 가지 메트릭이 있습니다. 이것들은 Google의 핵심 웹 생명이라고하며, 그 결과는 검색 결과에서 사이트가 얼마나 잘 수행 할 것인지에 직접적인 영향을 미칩니다.

핵심 웹 생명

Google은 전체 점수에 영향을 미치는 몇 가지 주요 성능 메트릭을 기반으로 사이트를 평가합니다. 이들은 첫 번째 콘텐츠 페인트 (FCP), LCP (최대의 만족스러운 페인트), 총 차단 시간 (TBT), 누적 레이아웃 시프트 (CLS) 및 속도 지수입니다. 각각의 의미에 대해 간단히 설명해 봅시다.

• 첫 번째 콘텐츠 페인트 : 이는 브라우저가 페이지의 첫 번째 컨텐츠 (텍스트, 이미지 등)를 얼마나 빨리 렌더링하는지를 측정합니다. 0.6은 매우 좋은 FCP입니다. 즉, 사용자가 화면에서 무언가를 빠르게 볼 수 있습니다.
• 가장 큰 콘텐츠 페인트 : 이는 가장 큰 컨텐츠 요소 (영웅 이미지, 메인 헤드 라인 등)가 뷰포트 (사용자의 눈면) 내에서 볼 수 있도록하는 데 걸리는 시간을 측정합니다. 1.1은 좋은 LCP로, 사이트의 주요 컨텐츠를 빠르게로드합니다.
• 총 차단 시간 : 이는 기본 스레드 (웹 브라우저 렌더링 엔진의 기본 작업자)가 차단되어 페이지가 사용자 입력에 응답하지 않도록하는 총 시간을 측정합니다. 120 밀리 초가 괜찮은 TBT이지만 낮은 것은 항상 더 좋습니다.
• 누적 레이아웃 시프트 : 이것은 페이지의 시각적 안정성을 측정합니다. CLS 점수가 낮 으면 페이지의 요소가 페이지가로드 될 때 예기치 않게 이동하지 않으므로 사용자에게 성가신 일 수 있습니다. 0.011은 훌륭한 점수입니다.
• 속도 색인 : 페이지의 콘텐츠가 시각적으로 얼마나 빨리 표시되는지를 보여줍니다. 전체 페이지가 0.8 초 만에로드되었으며, 이는 훌륭합니다.

진단

PagesPeed Insights는 웹 사이트를 더 빨리로드 할 수있는 특정 팁을 제공합니다. 사이트의 다른 부분을 확인하고 해결해야 할 사항을 알려줍니다. 이러한 개선 영역을 각각보고 그들이 의미하는 바를 설명합시다.

• 차세대 형식의 이미지를 제공합니다. 이는 웹 사이트가 더 새롭고 효율적인 형식 (Webp)을 사용할 수있는 이전 이미지 형식 (JPEG 또는 PNG)을 사용하고 있음을 나타냅니다. 이러한 형식으로 전환하면 이미지 파일 크기가 줄어들고로드 속도가 빨라집니다.
• 적절한 크기의 이미지 : 웹 사이트는 디스플레이 크기에 필요한 것보다 큰 이미지를 사용하고있을 것입니다. 디스플레이 크기와 일치하도록 이미지 크기를 조정하면 파일 크기가 줄어들고로드 시간을 향상시킵니다.
• 오프 스크린 이미지를 지연시킵니다. 이는 접힘 아래의 이미지 (페이지로드 될 때 즉시 표시되지 않음)를 게으른로드해야 함을 의미합니다. 게으른 로딩은 이러한 이미지가 뷰포트에서 볼 수있게 될 때만로드되어 초기 페이지로드를 개선 함을 의미합니다.
• 최신 브라우저에 레거시 JavaScript를 제공하지 마십시오. 이 사이트는 레거시 JavaScript를 제공하지 않음을 시사합니다. 레거시 JavaScript는 종종 최신 브라우저에 대해 작성된 코드보다 크고 효율적입니다.
• 사용하지 않는 CSS 감소 : 웹 사이트에는 현재 페이지에서 사용되지 않는 CSS 코드가 있습니다. 이 사용하지 않은 코드를 제거하면 CSS 파일의 크기가 줄어들고 구문 분석 속도를 높일 수 있습니다.
• 사용하지 않는 JavaScript 감소 : 사용하지 않는 CSS와 유사하게 사용되지 않는 JavaScript가 있습니다. 제거하면 파일 크기가 줄어들고로드 시간을 향상시킵니다.

접근성

Google Pagespeed Insights는 성능 외에도 웹 사이트 접근성을 평가합니다. 접근성이 낮은 점수는 시각적 또는 기타 장애가있는 사용자의 장벽을 나타냅니다. 우리의 테스트는 개선이 필요한 여러 영역을 보여주었습니다. 다행스럽게도 Userway 및 Divi Marketplace의 접근성 번들 (Divi 사용자)과 같은 도구는 웹 사이트 접근성을 최적화하는 프로세스를 단순화 할 수 있습니다.

그들과 그 의미를 탐구합시다.

• 버튼에는 액세스 가능한 이름이 없습니다. 적절한 액세스 가능한 이름이없는 버튼은 화면 리더가 해석하기가 어렵 기 때문에 시각 장애가있는 사용자에게는 사용할 수 없습니다. 이는 일반적으로 버튼 요소 내의 ARIA-Label 속성 또는 ALT 텍스트가 누락되거나 불충분하다는 것을 의미합니다.
• 링크에는 식별 가능한 이름이 없습니다. 버튼과 유사하게 링크는 설명 텍스트 또는 액세스 할 수있는 이름이 필요하므로 스크린 리더는 사용자에게 목적을 전달할 수 있습니다. 이것은 종종 링크 텍스트가 모호하거나 aria-label이 누락되었음을 의미합니다.
• 사용자 규모는 No로 설정됩니다. 이는 특히 모바일 사용자에게 잠재적 인 유용성 문제를 나타냅니다. 사용자 스크롤을 비활성화하면 시력이 낮은 사람들이 컨텐츠를 확대하고 확인하기가 어려울 수 있습니다. 이것은 모범 사례 에 따라 표시되지만 접근성에도 영향을 미칩니다.
• 제목 요소는 순차적으로 감소하는 순서가 아닙니다. 이는 웹 사이트의 제목 구조 (H1, H2, H3 등)가 논리적이지 않음을 의미합니다. 스크린 리더 사용자는 제목에 의존하여 페이지 구조를 이해하고 잘못된 순서가 혼란 스러울 수 있습니다. 예를 들어, 중간에 H3이없는 H2에서 H4로 이동하면 여기에 표시됩니다.

우리가 보았 듯이, 잘 지어진 웹 사이트조차도 개선 할 영역을 가질 수 있습니다. 이미지, CSS 및 JavaScript를 최적화하는 것이 중요하지만 웹 사이트 속도의 기초는 선택한 테마에 있습니다. 잘 코딩되지 않은 테마는 가장 공격적인 최적화 노력조차 부정 할 수 있습니다. 그렇기 때문에 속도를 위해 설계된 워드 프레스 테마를 선택하는 것이 중요합니다.

속도를 위해 구축 된 WordPress 테마를 선택하십시오

WordPress 테마는 전체 웹 사이트의 프레임 워크 역할을합니다. 콘텐츠가 표시되는 방식, 사이트 기능 및 얼마나 빨리로드되는지를 지시합니다. 부풀어 오거나 비효율적으로 코딩 된 테마는 다른 요소를 얼마나 잘 최적화하는지에 관계없이 사이트의 성능에 영향을 줄 수 있습니다.

테마를 선택할 때 다음과 같은 기능을 찾으십시오.

• 경량 코드 : 가장 빠른 테마는 최소한의 코드를 사용하여 로딩 시간을 늦출 수있는 불필요한 부풀림을 피합니다.
• 핵심 웹 생명에 최적화 : Google의 핵심 웹 생명 임계 값을 충족하거나 초과하는 테마를 선택하십시오.
• 모바일 최초의 접근 방식 : 사용자 경험과 SEO에 모바일 속도가 필수적이므로 항상 반응 형 테마를 선택하십시오.
• Stellar Support : 개발자가 적극적으로 업데이트하고 지원하는 테마를 선택하십시오.

Divi는 빠른 웹 사이트를 구축하기위한 훌륭한 선택입니다

우리의 웹 사이트 속도 테스트는 Divi 4로 구축 된 사이트에서 수행되었지만 Divi 5로 도입되는 성능 향상을 주목할 가치가 있습니다. Divi는 항상 시각적 빌더와 설계 유연성에 인기있는 선택 이었지만 몇 가지가 있습니다. Divi 4와 Divi 5의 차이점. 우아한 테마 개발자는 코드베이스를 간소화하고 CSS를 최적화하며 JavaScript 실행을 개선하여 눈에 띄고 효율적인 주제를 제공하기 위해 노력하고 있습니다. 시각적 빌더에도 광범위한 변화가있어보다 사용자 친화적이고 간소화 된 모양과 느낌을 제공합니다. Divi에 익숙하다면 Divi 5로 업그레이드하면 웹 사이트의 성능을 향상시킬 수 있습니다. 그러나 Divi를 처음으로 고려하고 있다면 지금은 도약을하기에 좋은시기입니다.

Divi는 세계에서 가장 사용자 정의 할 수있는 테마입니다. 시각적 빌더로 처음부터 웹 사이트를 만들거나 Divi AI로 웹 사이트를 생성하거나 Divi 빠른 사이트와 창의성을 뛰어 넘을 수 있습니다. Divi는 또한 전체 사이트 편집을 제공하므로 테마 빌더로 사이트의 모든 구석을 설계 할 수 있습니다. 헤더, 바닥 글, 게시물 및 아카이브 페이지 및 WooCommerce 페이지를 만들 수 있습니다.

Divi는 미래의 증거입니다

지금 Divi를 구매하면 미래 버전의 Divi로 무료로 업그레이드 할 수 있습니다. 즉, Divi 5의 속도 향상 덕분에 그 어느 때보 다 빠르게 웹 사이트를 구축 할 수 있습니다. 다음은 Divi 라이센스와 함께 최신 Divi 5 Alpha와 함께 사용할 수있는 몇 가지 성능 향상 사항이 있습니다.

• 개선 된 프론트 엔드 페이지로드 속도 : ET는 어제 WordPress의 레거시 단축 코드 구조에서 멀어져 Divi의 프레임 워크를 완전히 다시 작성했습니다. 이로 인해 처리 시간이 줄어들고 페이지로드 속도가 빠릅니다.
• 효율을위한 모듈 식 코드베이스 : Divi 5는 모듈 식 아키텍처로 구축되어보다 가볍고 확장 가능합니다.
• 애니메이션 프리 UI : Divi 5의 인터페이스는 빌더에서 과도한 애니메이션을 제거하여 더 부드럽고 빠른 건물 경험을 제공합니다.

Divi의 미래는 밝습니다. 속도 향상, 새로운 프레임 워크 및 더 빠른 건물 경험을 통해 비행 색상으로 웹 사이트 속도 테스트를 통과하는 웹 사이트를 구축 할 수 있습니다.

오늘 Divi를 얻으십시오

웹 사이트 속도를 높일 준비가 되셨습니까? 오늘 Divi를 발견하십시오

빠른로드 웹 사이트는 더 이상 사치가 아니라 필수입니다. 느린 웹 사이트는 좌절 된 사용자, 전환 손실 및 브랜드 명성이 손상 될 수 있습니다. 이 게시물에서는 이미지 최적화, 효율적인 코드 및 잘 선택된 테마가 모든 웹 사이트 성능에서 역할을 수행하는 것을 배웠습니다. Google Pagespeed Insight와 같은 도구를 사용하면 웹 사이트 속도 테스트를 쉽게 수행하고 개선을위한 영역에 귀중한 팁을 제공 할 수 있습니다.

개별 요소를 최적화하는 것이 중요하지만 빠른 웹 사이트의 기초는 성능을 위해 구축 된 테마를 선택하는 것입니다. Divi는 지속적인 개발과 성능 향상에 대한 헌신으로 훌륭한 선택으로 두드러집니다. 개정 된 프레임 워크, 간소화 된 코드베이스 및 더 빠른 건물 경험 인 Divi 5의 속도 향상은 성능의 상당한 도약을 나타냅니다.

당신이 노련한 divi 사용자이든 플랫폼을 처음 접하는지에 관계없이 이제는 힘을 활용하고 멋지고 빠르게로드하는 웹 사이트를 구축하기에 완벽한시기입니다.