후단 샘플링은 요청이 끝날 때까지 스팬을 모은 뒤 오류나 긴 지연 같은 조건으로 추적 보관 여부를 결정합니다. 시작 시점에 결정하는 방식보다 드문 문제 요청을 남기기 좋습니다.
데모에서는 정상 요청은 지나가고 느리거나 실패한 요청만 보관함에 들어갑니다. 결정을 기다리는 동안 메모리와 전송 비용이 들므로 수집기 용량을 설계해야 합니다.
언제 쓰나
전체 추적을 보관하기 어렵지만 오류와 느린 요청은 놓치고 싶지 않을 때 사용합니다.
후단 샘플링
Tail sampling
추적이 끝난 뒤 결과를 보고 보관할 표본을 고릅니다.
···
<div class="demo"><div class="title">DECIDE AFTER COMPLETION</div><div class="scene"><div class="inbox"><span>fast 42 ms</span><span>slow 860 ms</span><span>error 500</span></div><div class="decision">→</div><div class="kept"><b>KEEP</b><span>slow</span><span>error</span></div></div></div>.demo{width:min(94vw,690px);height:min(88vh,320px);box-sizing:border-box;padding:clamp(9px,2.5vmin,18px);border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--fg);font:600 clamp(12px,2.4vmin,16px)/1.25 var(--font-sans,"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,sans-serif);display:flex;flex-direction:column;gap:clamp(7px,2vmin,14px);overflow:hidden}.title{color:var(--accent);font:700 clamp(12px,2.4vmin,16px)/1.2 var(--font-sans,"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,sans-serif);letter-spacing:.04em}.scene{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.scene{gap:8px}.inbox,.kept{display:flex;flex-direction:column;gap:5px;min-width:35%}.inbox span,.kept span{padding:5px;border:1px solid var(--line);border-radius:5px;background:var(--bg);text-align:center;white-space:nowrap;font:600 clamp(12px,2.4vmin,15px)/1 ui-monospace,monospace}.inbox span{animation:sort 2.5s infinite}.inbox span:nth-child(2){animation-delay:.4s}.inbox span:nth-child(3){animation-delay:.8s}.kept{border:1px solid var(--accent);border-radius:7px;padding:7px;box-sizing:border-box}.kept b{text-align:center;color:var(--accent)}.kept span{border-color:var(--accent);animation:keep 2.5s infinite}.kept span:last-child{animation-delay:.5s}.decision{color:var(--accent);font-size:25px}@keyframes sort{50%{transform:translateX(5px);border-color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 13%,var(--surface))}}@keyframes keep{0%,15%,100%{border-color:var(--line);background:var(--bg)}40%,85%{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}}