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