유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

웹사이트 프로파일링 (feat. 크롬개발자도구)

프롱트

2024. 4. 13.

0

#frontend
  • 웹사이트 로딩 과정을 분석하여 성능 문제를 파악하는 방법에 대해 보여줌. 🏞️
  • 크롬 개발자 도구의 네트워크 탭과 성능 탭 활용 방법을 안내하며, 웹사이트 로딩 속도와 자원 사용량을 파악할 수 있도록 도움을 줌. 🛠️
  • 네트워크 탭에서 waterfall chart를 통해 자원 로딩 시간을 확인하고, 성능 탭을 통해 CPU 사용량과 작업 순서를 파악할 수 있음. 📈
  • 특정 작업이 CPU를 오랫동안 사용하고 있다면, 그 원인을 분석하여 성능 향상을 위한 방안을 모색해야 함.🔍
  • 성능 분석 결과를 바탕으로 코드 최적화 및 작업 분할 전략을 수립하여 웹사이트 성능을 개선할 수 있음.🚀

Recommanded Videos