사이트 기준. - 네가 알아야 할 모든 것.

첫 번째 바이트까지의 시간, 첫 번째 내용 그리기, DNS 응답 시간, 왕복 시간, 목록 등등.이런 것들metrics이 있는데 어떤 것이 당신이 감시해야 할 가장 중요한 것인지 어떻게 아십니까?
이 숫자들이 어떤 모양인지 이해하기 위해서는 참고점을 얻어야 한다.시작점을 줘야지.이것은 시간의 흐름에 따라 성능이 향상되거나 낮아지는지 확인하기 위해 미래의 결과와 비교할 수 있는 숫자입니다.이 과정은 사이트 성능 기준 테스트라고 불린다.

왜 당신의 사이트에 대해 기준 테스트를 진행합니까?

당신의 사이트에서 기준 테스트를 실행하기를 원할 것입니다. 왜냐하면 그 표현을 이해하면 경쟁 우위를 확보하는 결정을 내릴 수 있기 때문입니다.경쟁사에 비해 당신이 처한 위치, 그리고 어떤 점이 개선되거나 즉각적인 관심을 필요로 하는지를 더욱 명확하게 묘사할 것이다.

기준화할 지표는 무엇입니까

사실상 모든 지표는 성능에 대한 견해를 제공하고 동종 업계의 다른 유사한 규모 사이트와 비교할 수 있다.그러나 몇 십 개의 지표를 고려해야 하기 때문에 사용자로 하여금 중요한 지표에 대한 관심을 잃게 할 수 있다.입문을 돕기 위해 기준 테스트 목적을 위해 모니터링하는 주요 지표를 선택했습니다.

TTFB – 첫 번째 바이트에 대한 서버의 응답 속도를 알려주는 시간website performance metric

페이지 크기 - 모든 CSS,javascript, 이미지 및 HTML의 총 크기입니다.

요청 수 - 파일, 이미지 또는 스크립트를 로드할 때마다 요청이 생성됩니다.네가 가진 것이 많을수록 서버가 그들을 위해 봉사하는 시간이 길어진다.

첫 번째 만족스러운 그림-당신의 영웅 부분을 볼 수 있고 가득 실었을 때

TTI - 사용자가 입력한 시간에 사이트에서 응답할 수 있음을 나타내는 상호 작용 시간입니다.

페이지 속도 및 로드 시간 - 각 리소스가 완전히 로드되고 사용자가 입력한 점에 응답합니다.

나는 한동안 계속 이야기할 수 있지만, 나는 이것들이 네가 마땅히 시작해야 한다고 생각한다.또한 Intel은 고객이 직면할 수 있는 모든 성능 문제와 경쟁사와 비교할 수 있는 데이터를 제공할 수 있는 견고한 기준을 제공합니다.
나는 첫 번째 기준과 네가 본 가치관을 적어 둘 것을 건의한다.너는 시간의 추이에 따라 네가 있는 위치를 알기 위해 정기적으로 돌아와서 그들과 대조하고 싶을 것이다.

웹 사이트에 대한 기준 테스트 방법: 기준 테스트 예시

이 과정은 우선 기준 사이트를 찾아 결과를 수집해야 한다.기점으로 HTTP Archive 재미있는 통계 데이터를 제공했는데 이런 통계 데이터는 사이트의 평균 크기(내용, 개인 응답 시간, HTML 문서 전송 크기 등)에 관한 것이다.그러나 이러한 정보는 상당히 통용되고 특정 업계에 특정된 것이 아니며 이 업계는 사이트를 신속하게 불러오는 것으로 유명할 수 있다.
이것이 바로 기준 테스트 도구가 역할을 발휘하는 곳이다.Sematext Synthetics와 같은 도구, 우리의 synthetic monitoring 소프트웨어는 귀하가 귀하의 사이트에서 광범위한 테스트를 실행할 수 있도록 도와줄 수 있습니다. 예를 들어 로드 시간, 제3자 API 안정성, 여러 장치의 웹 성능 등입니다.
Sematext 작성을 설정하는 것은 매우 쉽습니다.signed up 무료 계정을 얻으면 감시할 속성을 추가할 수 있습니다.
프로젝트를 만들든지, 이미 존재하는 프로젝트를 사용하든지.이 예에서는 Browser Monitors 을 사용합니다.웹 사이트에서 요청하고자 하는 지역을 선택하고 다음 단계를 누르십시오.
이 단계에서 요청하고자 하는 작업 유형을 정확하게 설명합니다."사이트 열기 및 스냅샷 촬영"또는 "로그인 및 카트 추가"등 기본적인 기능일 수 있습니다.Sematext는 많은 코드를 예로 제공하기 때문에 정확한 코드를 찾으려고 시도할 때 너무 많은 안절부절못하지 않습니다.
나는 예를 하나 들었다.

<script>

// This script loads the webpage and takes a screenshot of the loaded page.

async function testPage(page) {

  // Replace &lt;YOUR-WEBPAGE-URL> with URL of the webpage to be monitored

  await page.goto("&lt;YOUR-WEBPAGE-URL>");

  await page.screenshot({ path: 'screenshot.png' });

}

module.exports = testPage;

</script>

모니터를 사용하기 전의 마지막 단계는 setting up the alerts 입니다.이러한 임계값은 특정 조건을 충족할 때 알림을 트리거합니다.
여기에는 여러 가지 조건이 있습니다. 이미 해결되었을 수도 있습니다. 모든 조건에 한도값을 설정한 다음 "만들기"를 눌러야 합니다.
이런 것들이 있으면 당신은 이미 준비를 마쳤고 미리 설정한 시간 간격에 따라 사이트에 대해 기준 테스트를 시작할 수 있습니다.상기 표준에 따라 설정된 경고는 사이트가 실행을 시작할 때 귀하에게 메시지를 보냅니다.이것은 당신이 사용자와 그들satisfaction level에 영향을 미치기 전에 문제를 해결할 수 있도록 조기 경보 시스템을 확보할 것이다.
대시보드는 현재 상태, 최신 장애, 평균 응답 시간 및 기타 가치 있는 정보에 대한 모든 websites you monitor 공중 뷰를 제공합니다.

그러나 깊이 파고들기 시작할 때만 의미 텍스트 합성에서 더욱 인상적인 부분에 들어갈 수 있다.당신은 각 테스트를 보고 사이트의 표현과 그것들이 당신이 이전에 제정한 표준에 부합되는지 이해할 수 있습니다.불러오는 자원, 왔다 갔다 보내는 로그, 페이지 크기, 응답 시간, 요청 수 등 상세한 정보를 볼 수 있습니다.

웹 사이트 기준 테스트 모범 사례: 해야 할 일과 하지 말아야 할 일

거의 모든 다른 일처럼 기준 분석을 실행할 때 기준 테스트의 작은 세부 사항을 주의해야 합니다.

1. 같은 종류의 웹 페이지와 비교

페이지를 선택할 때 기준에 따라 테스트를 진행하려면 비슷한 페이지를 선택했는지 확인하십시오.전자상거래 사이트의 제품 페이지와 분류 페이지를 테스트하면 매우 부정확한 결과를 얻을 수 있을 뿐만 아니라, 당신이 원하는 가치 있는 정보를 제공할 수 없을 수도 있습니다.

2. 여러 위치 및 장치 테스트

당신의 사용자는 세계 각지에서 당신의 사이트를 사용할 것입니다. 당신의 사이트는 미국처럼 인도인들에게 신속하게 서비스를 제공할 수 있어야 합니다.어떤 사람들은 모바일 기기를 사용할 수도 있고, 다른 사람들은 노트북을 사용할 수도 있기 때문에 이 점을 기억하면 latency 그들에게 어떻게 영향을 미치는지 이해할 수 있다.

사용자 환경 3. 평균이 아닌 경쟁사 기준

당신이 서로 다른 업계의 사이트를 비교할 때 평균치가 오도될 수 있다.구글의 평균 페이지 속도를 사용하면com과 이를 10만 여 가지 제품을 가진 전자상거래 상점과 비교하면 당신의 사이트가 성능에 큰 차이가 있다고 생각할 수 있습니다. 비록 상황이 그렇지 않을 수도 있습니다.
너는 평균 수준만 볼 것이 아니라 자신의 활약과 경쟁 상대의 활약을 비교해야 한다.이것은 진정한 업계 평균 수준을 제공했다. 너는 아마도 이미 습관이 되었을 것이다.

4. 깊이 파고들다

불러오는 시간은 사이트의 성능을 평가하는 매우 좋은 통용 지표이지만, 그것은 정확한 지표가 아닐 수도 있다.당신은 당신의 사용자가 어떻게 당신의 사이트를 체험하는지 더욱 깊이 이해해야 합니다. 먼저 봐야 할 지표는 첫 번째 바이트와 시간에서 상호작용을 하는 것입니다.이 두 가지를 확인한 후에 왕복 시간, 요청 번호 등 다른 방면으로 이동할 수 있습니다.

5. 당신의 사이트가 당신이 보지 않을 때'무엇을 하는가'에 대해 알아보기

너는 계속 사이트에서 수동 테스트를 실행할 수 없다.반대로 하루 종일 성능을 일치시킬 수 있도록 이 테스트를 예약하시기 바랍니다.특정 시간과 장소에 테스트를 안배하면 사이트의 표현을 더욱 잘 이해할 수 있다.

6. 타사 API 모니터링

사실 그들은 믿을 수 있지만 러시아 속담에 의하면 "신뢰하지만 검증해야 한다."라고 한다.따라서 가 심각한 영향을 미치기 때문에 monitor your APIs 확인하십시오.

사용자가 어떻게 당신의 사이트를 체험합니까 결론

내가 이미 언급한 바와 같이 사이트 기준 테스트는 매우 복잡하게 들리지만 이것은 상당히 간단한 과정으로 당신이 자신의 표현을 위해 출발점을 세우는 데 도움을 줄 수 있다.그것은 당신이 반드시 사용해야 할 기선을 알려주고 경쟁 업체의 기선으로 당신의 사이트를 평가하는 데 도움을 줄 것이다.
문제 영역을 정밀하게 파악하여 포괄적인 기준 분석을 통해 사이트를 최적화하는 데 필요한 모든 정보를 제공합니다.
는 경쟁사와 비교할 수 있는 위치를 찾아내고 성능의 빈틈을 찾아내며 나쁜 사용자 체험을 방지하는 데 도움을 주는 훌륭한 기준 테스트 도구입니다.이 모든 것Sematext Synthetics과 30일의 시용 기간을 테스트할 수 있습니다!
starting at just $2/month을 읽고 합성물이 어떻게 작동하는지, 왜 그것을 사용해야 하는지에 대한 정보를 더 많이 알 수 있다.그 밖에 우리는 몇 편의 글을 써서 어떻게 사이트의 전체 성능을 가속화하고 향상시킬 것인가를 더욱 설명할 것이다.

this blog post

Top 10 best website performance monitoring tools

Top 15 website speed testing tools

이전 발표 Guide to API monitoring: Basic metrics and choosing the right tools