인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

jhkim0280님의 프로필 이미지
jhkim0280

작성한 질문수

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1

A) Performance 패널 가이드

Performance FPS 탭이 안보여요.

해결된 질문

작성

·

581

1

안녕하세요. 강의 잘 보고 있습니다.

통계사이트 부분을 보고 있다가 궁금한게 생겨서요.

크롬 버전마다 performance 탭 내용이 달라지나요? 강의랑 표시 내용이 달라서요. FPS그래프가 안보여요.

옵션에도 FPS 표시 유무같은게 안보이는데, 도움 좀 부탁드립니다.

현재 버전은 113.0.5672.127 입니다.

감사합니다.

1.png

답변 1

1

유동균님의 프로필 이미지
유동균
지식공유자

안녕하세요 jhkim0280님,

이해하신대로 크롬 버전에 따라서 개발자 도구도 업데이트 됩니다.

Performance 패널에서 강의를 찍었을 때와 현재 버전의 다른 점을 몇 가지 예를 들자면, 말씀하신 FPS 항목이 사라졌고 하단 Frames 섹션이 조금 더 구체적으로 바뀐 것으로 알고 있습니다.
그 외에 Web Vitals라는 옵션이 생겼고 Animations라는 섹션이 생겼습니다.

Performance 패널 말고도 다른 패널에서도 다양한 변화들이 있었는데요.
업데이트 내용에 대해서는 크롬 개발자 도구 github 나 패널 중에 What's new 라는 패널을 통해 확인하실 수 있습니다.

하지만, 핵심적인 사용법이나 개념은 크게 변하지 않아서 학습하시거나 사용하시는데에는 크게 문제가 없을 겁니다.

 

그럼 답변이 도움되셨길 바라며, 강의에 관심을 가져주셔서 감사합니다. :)

jhkim0280님의 프로필 이미지
jhkim0280
질문자

감사합니다

jhkim0280님의 프로필 이미지
jhkim0280

작성한 질문수

질문하기