<div id="readability-page-1" class="page"><div><article><div><header><div><div><div><a rel="noopener follow" href="/?source=post_page-----9fee9b3c08e3--------------------------------"><div><p><img alt="Jung Han" src="https://miro.medium.com/fit/c/96/96/1*ZDiWlHECCXT15gXTRngnNg.jpeg" width="48" height="48"></p></div></a></div><div><div aria-hidden="false"><p><a rel="noopener follow" href="/?source=post_page-----9fee9b3c08e3--------------------------------">Jung Han</a></p></div><div><p><span>Jun 10</span></p><p>6 min read</p><svg width="15" height="15" viewBox="0 0 15 15" aria-label="Member only content"><path d="M7.44 2.32c.03-.1.09-.1.12 0l1.2 3.53a.29.29 0 0 0 .26.2h3.88c.11 0 .13.04.04.1L9.8 8.33a.27.27 0 0 0-.1.29l1.2 3.53c.03.1-.01.13-.1.07l-3.14-2.18a.3.3 0 0 0-.32 0L4.2 12.22c-.1.06-.14.03-.1-.07l1.2-3.53a.27.27 0 0 0-.1-.3L2.06 6.16c-.1-.06-.07-.12.03-.12h3.89a.29.29 0 0 0 .26-.19l1.2-3.52z"></path></svg></div></div></div><div><div></div></div></div><div></div></header><div><h2 id="7aa3">개요</h2><p id="2f9f">크롬 102 버전에서 처음으로 등장한 새로운 개발자 도구 탭입니다. 아직 실험단계이지만 체험해 볼 수 있습니다. 이름에서 알 수 있듯이 성능을 측정하는 탭 같지만, 성능 탭과 라이트하우스, web vitals같은 도구들이 이미 있는데 왜 굳이 새로운 탭을 만들었을까요?</p><p id="30ea">문서에서 소개하는 이유는 3가지입니다.</p><ol><li id="edc4">(아마 기존 성능 탭을 의미하는 것 같지만) 정보가 너무 많습니다. 표시되는 데이터를 간소화해 관련된 정보만 표시합니다.</li><li id="c76d">사용 사례(use case)를 구분하기가 어려웠습니다. Performance insights 탭은 use-case-driven 분석이 가능합니다. (현재는 페이지 로드 사례만 측정이 가능한 것처럼 보이지만 이후에는 상호작용 같은 케이스도 대응이 가능하도록 개발될 것처럼 보입니다.)</li><li id="74cd">브라우저를 효과적으로 사용하기 위해는 깊은 전문 지식이 필요했습니다. 이 패널에서는 주목해야 하는 특정 지점들을…</li></ol></div></div></article></div></div>

새로운 “Performance Insights” 개발자 도구 살펴보기

댓글