200밀리초: 클릭 한 번이 서버를 거쳐 화면에 나타나기까지의 전 과정

200 Milliseconds

200밀리초: 클릭 한 번이 서버를 거쳐 화면에 나타나기까지의 전 과정

샌프란시스코의 커피숍에서 누군가 '구매' 버튼을 클릭하고 211.4밀리초 후에 주문 확인 화면이 뜬다. 이 인터랙티브 시각화는 그 짧은 시간 동안 일어나는 모든 일을 추적한다. 터치패드의 정전용량 변화부터 브라우저의 히트 테스트, TCP/TLS 핸드셰이크, 4,700km 광케이블을 건너는 패킷, 로드 밸런서와 Node.js 서버, Postgres 데이터베이스까지. 총 7개의 정거장을 거치며 요청은 북미 대륙을 6번 횡단하고 약 40대의 머신을 통과한다. 콜드 스타트와 웜 소켓의 차이, HTTP의 평문 구조, 캐시가 POST 요청에 무력한 이유 등 웹의 숨겨진 메커니즘을 밀리초 단위로 보여준다.

이 페이지는 200밀리초 동안 무슨 일이 일어나는지 보여준다. 클릭한 사람은 지연을 느끼지 못했다.

같은 날의 다른 소식

2026-08-03