[Today I Learned] 비동기처리시 성능최적화 방법 (이론)

suwoncityboyyy·2023년 4월 9일
0
post-thumbnail

HTTP 요청 수 최소화

각 HTTP 요청은 서버에 오버헤드를 추가하므로 요청 수를 최소화하면 성능 향상에 도움이 될 수 있습니다. 캐싱, 페이지 매김 또는 데이터 미리 가져오기와 같은 기술을 사용하여 애플리케이션이 수행하는 HTTP 요청 수를 줄일 수 있습니다.

지연 로딩 사용 (Lazy Loading)

지연 로딩은 모든 데이터를 미리 로드하는 대신 필요할 때 필요한 데이터만 로드하는 기술입니다. 이를 통해 애플리케이션의 초기 로드 시간을 줄이고 사용자 경험을 개선할 수 있습니다.

디바운스 및 스로틀 사용

애플리케이션이 자주 요청하는 경우 디바운스 및 스로틀과 같은 기술을 사용하여 요청 수를 제한할 수 있습니다. 디바운싱은 마지막 실행 이후 일정 시간이 지날 때까지 함수 실행을 지연시키는 기술입니다. 스로틀링은 특정 기간 내에 함수를 실행할 수 있는 횟수를 제한하는 기술입니다.

서버 측 렌더링 사용

서버 측 렌더링은 클라이언트 대신 서버에서 React 구성 요소를 렌더링하는 기술입니다. 이는 애플리케이션의 초기 로드 시간을 개선하고 SEO를 개선하는 데 도움이 될 수 있습니다. ex) Next.j

웹 작업자 사용

웹 작업자를 사용하면 별도의 스레드에서 JavaScript 코드를 실행할 수 있으므로 CPU를 많이 사용하는 작업의 성능을 향상시킬 수 있습니다. 웹 작업자를 사용하여 백그라운드 처리를 수행하거나 작업을 병렬화할 수 있습니다.

적절한 데이터 구조 사용

적절한 데이터 구조를 사용하면 많은 양의 데이터를 처리할 때 성능을 향상시키는 데 도움이 될 수 있습니다.

profile
주니어 개발자 기술노트

0개의 댓글