Chrome DevTools의 성능 패널은 지난 15년 동안 개발자가 다양한 방식으로 런타임 성능을 측정하고 최적화하는 데 도움을 주었습니다. '타임라인'이라는 패널로 시작하여 오늘날의 실적 패널로 발전했습니다.
그동안 Chrome에서는 다른 강력한 성능 제품과 기능을 출시했습니다. 특히 2016년에는 최적화 기회를 더 쉽게 찾을 수 있도록 Lighthouse가 출시되었습니다. 실험용 성능 통계 패널은 2022년에 성능 통계를 표시하는 새로운 방법을 테스트하기 위해 출시되었습니다.
성능 패널에는 개발자가 페이지 로드 및 런타임 성능 문제를 자세히 살펴볼 수 있는 데이터와 기능이 가득합니다. 하지만 현실적으로 페이지 실적을 개선하기 위해 사용하기 어려울 수 있고 가장 큰 기회를 파악하기 어려울 수 있습니다. 또한 노이즈를 분류하고 기회를 빠르게 파악하는 데 도움이 되는 다른 도구(예: Lighthouse)의 기능이 실적 패널에서 연결 해제되었습니다.
개발자가 성능 문제를 더 쉽게 식별하고 재현할 수 있도록 하기 위해 Lighthouse 및 성능 통계 패널의 기능과 학습사항을 가져와 기존 성능 패널에 통합할 예정입니다. 또한 웹 성능 최적화 도구로서의 성능 패널의 효과를 개선하기 위해 UX와 사용성에 중점을 두고 있습니다.
결과는 어땠나요? 모든 실적 데이터와 통계를 한 번에 확인할 수 있는 간편하고 강력한 단일 패널
웹 성능에 대한 조치를 더 쉽게 취하세요
사용자의 의견에 따르면 정보 밀도가 높을수록 사용성 문제가 복잡해지는 것으로 확인되었습니다. 문제를 해결하기 위한 수정사항과 기능을 적극적으로 개발하고 있습니다. Core Web Vitals 개선과 같은 주요 최적화 여정이 최우선으로 처리됩니다. Google은 발견사항을 표시하고 동료와 학습 내용을 공유할 수 있는 주석과 같은 기능을 도입할 계획입니다. 데이터의 상관관계를 표시하면 네트워크 요청과 기본 스레드 활동 간의 데이터 연결 방식과 같은 더 많은 방법으로 복잡한 시스템을 이해하는 능력을 향상할 수 있습니다.
새로운 기능이 개발되면 출시되며 몇 개월마다 패널에서 제공하는 새로운 기능에 대한 업데이트를 공유할 예정입니다. 조금만 기다려 주세요 곧 새로운 기능이 표시됩니다.
성능 패널에서 Lighthouse의 강력한 기능 사용하기
개발자가 Lighthouse 패널과 성능 패널을 모두 사용하는 방식을 확인한 결과, 두 패널 간에 컨텍스트를 전환하는 것이 쉽지 않은 것으로 나타났습니다. 또한 Lighthouse 결과에 대한 조치를 취하려면 성능 패널로 이동하여 추가 맥락을 파악해야 할 수 있습니다. 페이지 실적에 대한 규정적인 개요가 세부적인 실적 데이터와 일치하지 않으므로 불편함이 발생합니다.
성능 패널을 통해 Lighthouse의 성능 분석을 심층적으로 통합할 예정입니다. 이번 통합을 통해 Lighthouse는 성능 패널 자체에서 페이지 성능을 개선할 수 있는 주요 기회를 강조 표시하고, 이 기회에 대해 조치를 취하는 데 필요한 모든 세부정보를 제공합니다.
모든 성능 기능이 성능 패널로 이동하면 DevTools의 독립형 Lighthouse 패널은 중복되므로 지원 중단됩니다. 이 패널은 2025년 하반기에 지원 종료될 예정입니다. Lighthouse가 지원 중단되지 않는다는 점을 강조해야 합니다.
Lighthouse가 계속 사용됩니다
Lighthouse npm 모듈과 PageSpeed Insights의 Lighthouse 보고서 (PSI API 포함)는 지원 중단되지 않습니다. Google은 개발자가 선호하는 환경에서 페이지 성능을 평가하는 데 사용할 수 있는 오픈소스 도구로서 Lighthouse의 가용성과 품질을 계속해서 개선하고 있습니다.
이 통합은 로드, 응답성, 콘텐츠 안정성에 관해 추론하려는 개발자를 위해 성능 패널과 Lighthouse의 기능을 한 단계 업그레이드하는 방법으로 작용합니다.
실험용 성능 통계 패널이 지원 중단됨
실적 통계 패널은 실적 패널의 정보 밀도를 줄이고, 사용 사례 기반 분석을 지원하며, 실적 패널 사용과 관련된 학습 곡선을 줄이는 세 가지 주요 문제점을 더 효과적으로 해결할 수 있는 방법을 알아보기 위한 실험으로 제공되었습니다.
Google은 개발자 의견을 통해 실험에서 많은 것을 배웠습니다. 'LCP를 최적화하고 싶습니다' 또는 '페이지의 반응성을 높이기 위해 최적화하고 싶습니다'와 같은 사용 사례 기반 분석이 매우 중요하며 레이아웃 전환 추적과 같은 기능을 사용하면 측정항목을 훨씬 더 간편하게 진단하고 개선할 수 있음을 확인했습니다.
또한 개발자들은 성능 통계 패널이 성능 패널보다 접근하기 쉬워 정보 밀도가 줄어든 것이 매력적이라고 생각했습니다. 그러나 밀도가 낮아지면 많은 경우 비용이 발생하여 개발자가 조치를 취하는 데 필요한 세부 데이터를 가져오기 위해 성능 패널로 이동해야 했습니다.
실험용 성능 통계 패널에서 얻은 유용한 정보와 여러 기능이 성능 패널에 통합됩니다. 사용 사례 기반 분석, 정보 밀도 개선과 같은 기능과 Lighthouse 통합을 통해 페이지 실적에 대한 유용한 정보를 얻을 수 있습니다.
성능 통계 실험은 2024년 말에 삭제될 예정입니다.
의견을 제공할 수 있는 위치
새로운 기능을 출시할 때 의견을 보내주시면 감사하겠습니다. 추가된 기능을 개선할 방법에 대한 아이디어가 있거나 패널을 통한 기존 흐름이 과도하게 방해를 받는 경우 의견을 보내주세요. 효과가 있었던 점과 그렇지 않은 점, 개선이 필요하다고 생각하는 점을 알려주세요. 감사합니다.