# Performance

프론트엔드 개발자의 성능 최적화 <5편>
환경CRA로 작업하는 경우 개발은 development 환경에서 수행하는데 여기에서 performance는Build하며 압축 등의 최적화 작업이 들어가지 않아 production으로 성능을 측정할 필요가 있어요.손쉽게 production모드의 성능측정을 위해 npm s

프론트엔드 개발자의 성능 최적화 <4편>
코드분할, 지연로딩 performance > network > 파일의 크기가 크고 다운로드의 시간이 긴 경우 해당 파일이 어떤 코드로 이루어져 있는지 알면 좋은데요. Webpack Bundle Analyzer라는 라이브러리를 통하면 시각화하여 볼 수 있어요. W

[번역] 2023년 최고의 Core Web Vitals 권장 사항들
Google Chrome DevRel 팀이 Core Web Vitals 성능을 개선할 수 있는 가장 효과적인 방법이라고 생각하는 권장사항들을 소개합니다.

Clinic.js Concepts
API 성능 측정 테스트를 위해 쓸만한 툴들을 리서치하던 중 측정 결과를 모니터링하고 간편하게 시각화해주는 Clinic.js 라는 툴을 발견하게 되었다.테스트를 위한 API Shooting 은 autocannon 을 지원하여 CLI 로 간편하게 요청을 전송할 수 있었고

GA4와 Google Analytics Data API 연결하여 광고 performance 측정 데이터 추출하기
워낙 이것 저것 설장하다 보니 기억나지 않을 것 같아 간략히 기록을 남긴다. 이 모든 과정을 진행할 때 웹페이지 접근은 반드시 한 개의 구글 계정으로 진행해야 쉽고 빠르게 결과를 얻을 수 있다. 인터넷에서 Research하다 보면 Google Analytics API,
리액트 퍼포먼스를 위해 해야 할 것 3가지
React.memo()는 HOC 이며 props가 바뀌지 않으면 리렌더하지 않는다.불필요한 리렌더링을 유발함.컴포넌트가 리렌더할 때 그 하위 컴포넌트들도 모두 리렌더링 된다는 사실은 다들 알고있을것이다.컴포넌트가 prop으로 새로운 함수를 받으면 매번 리렌더링이 발생한

(번역) 내가 작성한 Jest 테스트는 왜 이렇게 느릴까?
원문 : https://blog.bitsrc.io/why-is-my-jest-suite-so-slow-2a4859bb9ac0

ChatGPT를 보고 느낀 엔지니어링의 순서
ChatGPT 사용하다보면 이런 안내가 나오고 대화가 안 될 때가 있다. 문득 쿠팡 개발 팀장, AWS 인터뷰를 보면서 겪었던 대용량 트래픽에 알맞는 시스템을 설계해보라는 인터뷰가 생각이 났다.다 필요없다! 확실한 서비스 하나만 있다면 언제든 구현 가능한 기술들이다.

[iOS 앱리젝 해결] Guideline 2.1 - Performance - App Completeness
Guideline 2.1 - Performance - App CompletenessWe were unable to review your app as it crashed on launch. We have attached detailed crash logs to help