(In progress)Frontend Web Performance Optimization

프론트엔드 웹 성능 최적화 조사

 

리액트 성능 최적화, 500ms 에서 1.7ms 까지 : 그 여정과 체크리스트

https://ykss.netlify.app/translation/500ms-to-1.7ms-in-react:-a-journey-and-a-checklist/

퍼포먼스 개선의 중요성

https://web.dev/why-speed-matters/

토스 UI 성능 최적화

https://ui.toast.com/fe-guide/ko_PERFORMANCE

프론트앤드 웹 성능 최적화 가이드 - 성능 지표, 데이터 로드 최적화

https://www.stevy.dev/frontend-web-performance-guide-1/#:~:text=웹 프론트앤드 성능 개선,의 실적으로도 이어진다.

웹성능 분석 도구

• https://developer.chrome.com/docs/lighthouse/overview/
• devtools
  • lighthouse
  • performance insight
• lighthouse Extension
• Continuous Performance Analysis with Lighthouse CI and GitHub Actions