[#3 Http1.1 vs Http2.0] 분석Tool + Img S, M, L(사이즈 별) 성능평가

[준비]

👉 1) 이미지 S,M, L 준비하기.

L: 37.2 MB/ 규격: 30000x20000

M: 12.9MB/규격: 18000x12000

S: 6.1MB /규격: 6000x4000

👉 2) HTML 파일 만들기

<!DOCTYPE html>
<html>
<head>
	<title>1.1 img Size</title>
</head>

<body>

<BR/>
<img src="Scat.jpeg"/>
<BR/>



</body>
</html>

👉3) 성능평가! (아래 포스트에서 작성한 툴을 사용하여!)

2021.04.21 - [Capstone design] - http 프로토콜 분석 툴 공부하고 사용하기.

[수행]

요청을 보내고, 모든 것을 받아오기 까지의 시간.

[참고]

IP패킷:

패킷의 길이, 전송방법(출발지/목적지), TCP 통신에 필요한 여러 항목을 정의하고 있는 구조로 캡슐화된 bytes의 모음(페이로드payload)이다.

패킷의 페이로드 하나에 넣을 수 있는 가장 큰 데이터의 크기는 1460bytes다. 14600 bytes의 이미지가 있는가? 그렇다면 그 이미지는 패킷 10개로 나누어질 것이다. 패킷을 이해하고 나면 인터넷 성능 수치를 들여다 볼 수 있다.

*중요 성능 중*

1. 지연시간:

지연시간이란 IP 패킷이 한 지점에서 다른 지점으로 이동하는 데 걸리는 시간을 말한다. 이와 관련된 것으로 왕복 시간 이라는 것이 있으며, 지연 시간의 2배를 의미한다.

2. TLS 협상 시간:

클라이언트가 HTTPS 연결을 하고 있다면, SSL 의 후속 프로토콜인 TLS협상이 필요하다. 이 때문에 서버와 클라이언트의 처리 시간에 왕복 시간이 더 추가 된다.

3. TTFB:

TTFB는 클라이언트가 웹 페이지 탐색을 시작한 때부터 기준 페이지 응답의 첫 번째 바이트를 수신한 때까지 걸린 시간을 측정한 것이다. 이것은 서버의 처리 시간 뿐만 아니라 여러 지표를 합한 값이다. 한 페이지에 여러 개체가 있는 경우, TTFB는 브라우저가 요청을 전송한 시점부터 첫 번째 바이트가 되돌아온 시점 까지의 시간을 측정한다.

4. 콘텐츠 다운로드 시간:

이것은 요청한 개체에 대한 TTLB(Time To Last Byte)다.

5. 렌더링 시작 시간:

클라이언트가 사용자를 위해 얼마나 빨리 화면에 무언가를 표시할 수 있는가? 이것은 사용자가 얼마나 오랫동안 빈 페이지를 바라보았는지를 측정한 것이다.

[상담 이후]

http2

developers.google.com/web/fundamentals/performance/http2?hl=ko

t=3425 [st= 0] HTTP2_SESSION_SEND_HEADERS

부터

t=3473 [st=48] HTTP2_SESSION_RECV_DATA --> fin = true

까지

걸리는 시간을 보기.

'HTTP 1.1 VS HTTP2.0 > Capstone design' 카테고리의 다른 글

cat 10 / (0)	2021.05.06
[#4 Http1.1 vs Http2.0] Chrome-net-export 로 Img 10, 50, 100/Img S,M,L 제대로 성능평가 (0)	2021.05.03
http 프로토콜 분석 툴 공부하고 사용하기. (0)	2021.04.21
[#2 Http1.1 vs Http2.0] Chrome + Img 10, 50, 100/ TTFB(firtst&last) (0)	2021.04.12
[#1 Http1.1 vs Http2.0] Chrome + Img 10, 50, 100/ TTFB(firtst&last) (0)	2021.04.06

CARRIEDO's

[#3 Http1.1 vs Http2.0] 분석Tool + Img S, M, L(사이즈 별) 성능평가

'HTTP 1.1 VS HTTP2.0 > Capstone design' 카테고리의 다른 글

댓글

티스토리툴바

[#3 Http1.1 vs Http2.0] 분석Tool + Img S, M, L(사이즈 별) 성능평가

'HTTP 1.1 VS HTTP2.0 > Capstone design' 카테고리의 다른 글

관련글

댓글

티스토리툴바