좋은 웹사이트 - 보면 알겠죠? 로드 시간을 알 수 없으며 필요할 때마다 사용할 수 있으며 물론 오류를 찾을 수 없습니다. 그러나 사이트의 성능을 측정하는 것은 까다로우며 이를 개선하는 것은 훨씬 더 까다롭습니다.
이 튜토리얼에서는 New Relic을 사용하여 사이트 경험을 향상시키는 방법을 안내합니다. 시작하려면 사이트를 계측해야 합니다. 계측이란 각 방문에 대한 실제 최종 사용자 경험을 측정하는 일부 JavaScript 코드를 추가하는 것을 의미합니다. 여기에서 현재 사이트 성능을 평가하는 방법, 사이트를 개선할 수 있는 부분, 향후 상황을 계속 주시할 수 있는 방법을 배우게 됩니다.
사이트를 계측하면 시간 경과에 따른 사이트 성능에 대한 통찰력을 얻을 수 있습니다.
사이트에 대한 성능 데이터 캡처
사이트의 성능을 개선하기 전에 사이트에 필요한 사항에 대해 정보에 입각한 결정을 내리기 위한 데이터가 필요합니다. New Relic 모니터링은 항상 통합또는 관련 기술에서 데이터를 수집하여 New Relic에 보고하는 코드 조각으로 시작됩니다.
웹사이트의 프런트엔드를 모니터링하려면 브라우저 모니터링 에이전트 통합을 사용하는 것이 좋습니다. Google 웹로그 분석 또는 기타 스크립트와 매우 유사한 HTML <head>에 포함할 자바스크립트의 작은 스니펫입니다.
기본적으로 두 가지 설치 방법이 있습니다. 대리인:
웹페이지의 <head> 를 생성하는 코드 부분에 자바스크립트 스니펫을 복사하여 붙여넣어 에이전트를 자체적으로 배포할 수 있습니다.
APM 에이전트 중 하나로 백엔드를 모니터링하는 경우 브라우저 모니터링 에이전트를 웹 페이지의 적절한 부분에 자동으로 삽입할 수 있습니다.
사이트 성능 분석
사이트를 구성한 후에는 다양한 유형의 데이터로 사이트 성능을 개괄적으로 살펴볼 수 있습니다.
- Core web vitals [핵심 웹 바이탈]. 사이트 사용자 경험에 대한 통찰력을 제공하는 메트릭입니다. 낮은 점수는 종종 열악한 경험을 나타내며 최종 사용자와의 관계를 악화시킬 수 있습니다.
- High latency [긴 대기 시간]. 이로 인해 사용자가 좌절하고 사이트 사용을 완전히 중단할 수 있습니다.
- JavaScript errors [자바스크립트 오류]. 이로 인해 사이트에 여러 가지 문제가 발생할 수 있으며 그 중 하나라도 고객의 프런트엔드 경험에 부정적인 영향을 미칠 수 있습니다. New Relic은 통합 앱을 위한 전체 JS errors [JS 오류] 페이지를 제공합니다.
- Benchmarks [벤치마크] 사이트 성능은 반드시 큰 오류를 일으키지 않고 허용 가능한 수준 이하로 떨어질 수 있습니다. 사이트 성능을 추적하고 문제가 되기 전에 문제를 식별하는 데 도움이 되는 서비스 수준 벤치마크를 생성할 수 있습니다.
튜토리얼의 나머지 부분을 진행할 준비가 되셨습니까?