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년 하반기에 삭제될 예정입니다.
의견을 보낼 수 있는 곳
새로운 기능이 출시되면 의견을 보내주세요. 추가된 기능을 개선할 수 있는 아이디어가 있거나 패널을 통한 기존 흐름이 부당하게 중단되는 경우 의견을 알려주세요. 효과적인 부분과 부족한 부분, 그리고 개선할 수 있는 부분을 알려주세요. 감사합니다.