Raygun으로 느린 페이지 로드 시간을 찾아 수정하세요.

이 튜토리얼에서는 Raygun을 사용하여 열악한 페이지 로드 시간을 찾고 수정하는 데 중점을 둘 것입니다. 하지만 그 전에 페이지 로드 시간이 약간 길어지면 왜 그렇게 큰 영향을 미칠 수 있는지 논의해 보겠습니다.

웹사이트를 방문하는 잠재 고객이나 고객에게 좋은 첫인상을 주기 위해 할 수 있는 가장 중요한 일 중 하나는 로딩 속도를 높이는 것입니다.

고객이 친구로부터 귀하의 회사에 대해 방금 들었다고 상상해 보세요. 귀하는 온라인으로 제품을 판매하고 사용자는 귀하의 웹사이트를 방문하여 제품을 구매할 수 있습니다. 여러 웹사이트 페이지를 로드하는 데 시간이 오래 걸리고 해당 제품을 특별히 판매하는 것이 아니라면 고객이 사이트를 떠나 다른 곳으로 이동할 가능성이 높습니다.

여기에서 첫 번째 판매를 놓치고 있을 뿐만 아니라 앞으로 더 많은 제품을 구매할 충성도 높은 고객을 확보할 기회도 놓치고 있습니다.

그것이 인터넷의 특징입니다. 사람들이 몇 번의 클릭만으로 귀하의 사이트를 떠나 경쟁사로부터 무언가를 구매할 수 있습니다. 페이지 로드 시간이 빨라지면 경쟁사보다 우위를 확보하고 수익을 늘릴 수 있습니다.

Raygun이 어떻게 도움을 줄 수 있나요?

Raygun은 RUM Insights(Real User Monitoring Insights)를 사용하여 웹 사이트 성능과 페이지 로드 시간을 개선합니다. 여기서는 "실제 사용자 모니터링"이라는 용어가 핵심입니다. WebPagetest 및 Google Page Speed ​​​​Insights와 같은 도구를 사용하여 개별 페이지를 최적화할 수 있지만 결과는 실제 사용자 데이터를 기반으로 하지 않습니다. 반면, Raygun에서 제공하는 데이터는 귀하의 웹사이트를 방문하는 실제 사용자를 기반으로 합니다.

Raygun은 또한 사이트의 평균 페이지 속도, 가장 많이 요청된 페이지, 가장 느린 페이지 등을 알려주는 등 더욱 체계적인 방식으로 정보를 제공합니다. 이렇게 하면 웹사이트의 어떤 페이지나 섹션을 먼저 최적화해야 하는지 우선순위를 정할 수 있습니다.

다른 국가에 있거나 다른 브라우저를 사용하는 사용자에게 웹사이트가 얼마나 빨리 로드되는지 확인할 수도 있습니다. 마찬가지로 모바일 웹사이트와 데스크톱 웹사이트의 속도를 비교할 수 있습니다.

Raygun의 또 다른 장점은 웹 사이트가 다양한 사용자에게 어떻게 작동하는지 보여 준다는 것입니다. 예를 들어, 가장 가치 있는 고객 중 한 명이 느리게 로드되는 웹사이트를 갖고 있을 수 있습니다. 이 경우에는 이를 이해하고 너무 늦기 전에 고객 경험을 개선하기 위한 몇 가지 조치를 취하는 것이 좋습니다.

이 기사의 다음 몇 섹션에서는 Raygun을 사용하여 이 모든 작업을 수행하는 방법을 알아봅니다.

Raygun을 귀하의 웹사이트에 통합하세요

Raygun을 웹사이트에 통합하기 전에 계정을 등록해야 합니다. 이 계정을 사용하면 14일 동안 모든 Raygun 기능에 무료로 액세스할 수 있습니다.

등록이 성공적으로 완료되면 앱 ​​만들기 버튼을 클릭하여 새 앱을 만들 수 있습니다. 다음 화면에서 앱 이름을 입력하고 일부 확인란을 선택하면 오류에 대한 알림과 실제 사용자 모니터링 통찰력을 받을 수 있습니다.

이제 개발 플랫폼이나 프레임워크를 선택하기만 하면 됩니다. 이 경우 JavaScript를 사용합니다.

마지막으로 모니터링하려는 모든 페이지에 추가해야 하는 몇 가지 코드가 제공됩니다. 웹 사이트에 다음 코드를 배치하는 대신 라이브러리의 프로덕션 또는 개발 버전을 다운로드하여 직접 포함할 수도 있습니다.

으아악

끝나기 전에 태그 标记之前添加上述代码片段后，您必须将以下代码片段放置在结束 .

으아악

더 이상 코드를 추가하지 않으면 Raygun은 이제 익명 데이터 수집을 시작합니다. 즉, 다양한 사용자에 대해 사이트의 성능을 확인할 수 있지만 해당 사용자를 식별할 수는 없습니다.

이 문제의 해결책은 간단합니다. 귀하가 해야 할 일은 웹 페이지에 다음 코드를 추가하는 것뿐입니다. 그러면 Raygun이 나머지를 처리할 것입니다.

으아악

추적하려는 모든 페이지에 이 세 가지 코드를 포함해야 합니다. 완료되면 분석할 수 있도록 데이터가 대시보드에 표시되기 시작합니다.

로딩 시간이 좋지 않은 페이지 찾기

Raygun 대시보드의 실제 사용자 모니터링 섹션에는 데이터를 다양한 형식으로 표시하는 많은 탭이 있습니다. 로딩 시간이 좋지 않은 페이지를 찾기 위해 제공된 정보를 사용하는 방법을 보여주기 위해 이러한 모든 탭을 간략하게 살펴보겠습니다.

Live 탭에서는 웹사이트 성능에 대한 실시간 개요를 제공합니다. 여기에는 웹사이트의 현재 성능을 보여주는 건강 점수와 같은 다양한 측정항목이 있습니다. Raygun 웹사이트의 "라이브" 탭에 있는 설명서에서 이러한 모든 지표에 대한 자세한 내용을 읽을 수 있습니다.

현재 거주 중인 국가를 나타내는 세계 지도도 있습니다. 활성 사용자. 최근 요청 목록도 찾을 수 있습니다. 다양한 사용자를 위한 웹사이트. 아래 이미지는 당사 웹사이트의 최신 요청을 보여줍니다.

성능 탭에는 웹사이트 페이지 로드 시간에 대한 빠른 개요를 제공하는 5가지 유용한 측정항목이 있습니다. 예를 들어 평균 로드 시간은 1.41초입니다. 이는 페이지의 50%가 1.41초 전에 로드된다는 의미입니다. 마찬가지로 P90 로드 시간은 6.78초로, 이는 90%의 경우 사이트가 6.48초 로드된다는 것을 의미합니다.

이를 통해 가장 느린 10%의 사용자에 대해 사이트 성능과 속도가 얼마나 느린지에 대한 아이디어를 얻을 수 있습니다.

성능 탭 하단에는 가장 느리고 가장 많이 요청된 페이지 목록도 있습니다. 가장 인기 있는 페이지와 가장 느린 페이지를 아는 것은 사이트에서 먼저 수정해야 할 부분의 우선순위를 정할 때 매우 도움이 될 수 있습니다.

웹사이트의 모든 페이지는 가능한 한 빨리 로드되어야 하지만 일부 페이지는 다른 페이지보다 더 중요합니다. 따라서 웹사이트의 특정 페이지의 성능을 이해하고 싶을 수도 있습니다. 입력 필드에 찾고 있는 페이지를 입력하면 됩니다. 이를 통해 특정 페이지의 중앙값, 평균 및 P90 로드 시간에 대한 정보를 얻을 수 있습니다. 당사 홈페이지의 데이터입니다.

세션 탭을 사용하면 총 세션, 총 사용자, 중앙 세션 기간 등 세션 관련 정보를 볼 수 있습니다. 세션 표에서는 국가, 기간, 총 페이지 조회수, 세션 중 마지막으로 방문한 페이지 등의 정보와 함께 지난 150개 세션에 대한 간략한 개요를 제공합니다.

돋보기를 클릭하면 사용자가 방문한 페이지, 해당 페이지의 로드 시간, 세션 중에 사용된 브라우저/장치 등 특정 세션에 대한 자세한 내용이 표시됩니다.

Users 탭에서는 다양한 사용자가 귀하의 웹사이트에 얼마나 만족하는지에 대한 개요를 제공합니다. 이는 특정 사용자가 사이트와 상호 작용하는 방식과 페이지 로드가 예상보다 오래 걸리는지 또는 그 이유를 이해하려는 경우에 유용합니다.

브라우저, 플랫폼 및 지리적 위치별로 모든 페이지 조회수에 대한 정보를 표시하는 세 가지 다른 탭이 있습니다. 이렇게 하면 특정 브라우저나 플랫폼에서만 웹페이지가 느리게 로드되는지 알 수 있습니다. 또한 사용자 분포에 대한 대략적인 아이디어도 얻을 수 있습니다. 예를 들어, 대부분의 고객이 특정 국가 출신인지 또는 특정 브라우저를 사용하는지 파악하는 것이 편리할 수 있습니다.

Raygun은 Geolocation 태그 상단에 특정 대륙의 방문자 비율을 나열합니다. 이후 로딩 시간 분포가 포함된 지도를 제공합니다. 로딩 시간이 가장 느린 국가는 빨간색으로 채워지고, 로딩 시간이 빠른 국가는 녹색으로 채워집니다.

특정 국가에서 로딩 시간이 지속적으로 느린 경우 시간을 내어 자세히 살펴보고 이유를 알아내는 것이 좋습니다.

페이지 로딩 시간 문제 해결

이전 섹션에서는 Raygun에서 수집한 모든 데이터를 사용하여 어떤 페이지를 로드하는 데 시간이 오래 걸리는지, 페이지를 로드하는 데 평소보다 오래 걸리는 국가가 있는지 확인하는 방법을 배웠습니다.

이제 Raygun을 사용하여 특정 페이지나 전체 사이트가 평소보다 느리게 로드될 수 있는 문제를 찾아내는 방법을 살펴보겠습니다.

웹사이트의 열악한 페이지 로드 시간을 개선하는 것은 매우 어려울 수 있습니다. 특히 웹사이트가 매우 복잡하거나 페이지가 많은 경우에는 더욱 그렇습니다. 문제는 개선이 필요한 부분과 시작점을 찾는 것입니다.

다행히도 Raygun은 웹사이트 수정에 대한 몇 가지 일반적인 통찰력을 제공할 수 있습니다. Real User Monitoring 메뉴에서 Insights 옵션을 클릭하면 Raygun이 웹사이트에서 잠재적인 문제를 검색합니다. 공식 Raygun 문서에서 이러한 모든 규칙 목록을 찾을 수 있습니다. 나열된 문제를 모두 해결하면 웹 사이트 속도가 크게 향상됩니다.

이러한 일반 지침을 따르는 것 외에도 로딩 속도가 느린 페이지를 격리할 수도 있습니다. 일단 격리하면 Raygun은 DNS, 대기 시간, SSL 핸드셰이크 등을 해결하는 데 걸리는 시간을 보여줄 수 있습니다. 이를 통해 페이지 로드 시간을 줄이기 위해 개선할 수 있는 부분에 대한 명확한 아이디어를 얻을 수 있습니다. 아래 그림을 보면 명확해질 것입니다.

데이터를 필터링하여 특정 페이지의 로드 시간과 이에 영향을 미치는 다양한 요인을 더욱 정확하게 파악할 수도 있습니다. 위 그래프는 회사 소개 페이지에 대한 모든 요청의 평균 대기 시간을 보여줍니다. 하지만 상단의 필터 추가 버튼을 클릭하면 이탈리아와 같은 특정 국가의 회사 소개 로딩 시간 차트만 볼 수 있습니다.

하단에는 특정 페이지에서 이루어진 모든 요청도 표시됩니다. 기본적으로 특정 페이지에 로드된 모든 리소스에 대한 DNS, 대기 시간, SSL, 서버 및 전송 시간을 보고 그 중 하나가 원인인지 확인할 수 있습니다.

로드하는 데 너무 오래 걸리는 리소스를 발견하면 페이지 최적화를 시작할 수 있습니다.

최종 생각

이 튜토리얼에서 볼 수 있듯이 Raygun은 페이지 로드 시간을 개선하려는 조직에 큰 도움이 될 수 있습니다. 통합은 매우 쉽고 통합이 성공하면 사용자의 개입 없이 데이터가 대시보드에 표시되기 시작합니다.

Raygun에는 수집된 데이터를 보다 쉽고 효율적으로 분석할 수 있도록 정리하는 다양한 탭도 있습니다. 예를 들어 다양한 국가, 브라우저 및 플랫폼의 로딩 시간을 표시할 수 있습니다. 또한 특정 데이터 세트를 나머지 데이터로부터 분리하고 신중하게 분석하는 데 사용할 수 있는 필터도 있습니다.

귀하 또는 귀하의 회사가 실제 사용자가 웹 사이트와 상호 작용하는 방식에 대한 심층적인 통찰력을 제공할 수 있는 통합하기 쉬운 도구를 찾고 있다면 반드시 Raygun을 사용해 보시기 바랍니다. 처음 14일은 무료이므로 잃을 것이 없습니다!

여기 있는 동안 Raygun에 대한 다른 튜토리얼도 확인해 보세요!

위 내용은 Raygun으로 느린 페이지 로드 시간을 찾아 수정하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!