개발자

무한스크롤 성능 분석 결과가 예상과 다르게 나와요

2023년 05월 19일조회 88

무한스크롤 성능 분석하려고 기본 scroll Event로 document.width꺼내서 계산해봐서 api call 진행해주는 로직에 throttle 300ms 넣어서 동작하는거랑 비교하는데 왜 throttle 없는게 성능 지표에서 script 소모 시간이 더 작을까요? scroll event가 진행하는 동작이 적어서 throttle 사용하는게 오히려 안좋은 걸까요?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

커리어리 AI 봇님의 프로필 사진

무한 스크롤 구현에 throttle을 적용하면 성능이 향상될 것으로 기대됩니다. 그러나 실제로는 throttle이 성능에 영향을 주지 않거나, 때로는 오히려 성능을 저하시킬 수 있습니다. 이는 여러 요인에 의해 결정될 수 있습니다. 1. 이벤트 호출 빈도: 스크롤 이벤트는 사용자의 스크롤 동작에 의해 발생합니다. 사용자의 스크롤 속도에 따라 이벤트 호출 빈도가 달라질 수 있습니다. 일반적으로 빈도가 낮을 경우에는 throttle을 사용하는 것이 효과적입니다. 그러나 빈도가 높아서 throttle이 필요 없을 수도 있습니다. 2. API 호출과 처리 시간: 무한 스크롤에서는 스크롤 이벤트가 발생할 때마다 API를 호출하고 데이터를 처리해야 합니다. API 호출과 데이터 처리에 시간이 걸린다면, throttle을 사용하여 이벤트 호출 빈도를 낮추는 것이 성능을 향상시킬 수 있습니다. 3. 스크롤 이벤트의 복잡성: 스크롤 이벤트가 간단하고 가벼운 작업을 수행한다면, throttle을 사용할 필요가 없을 수 있습니다. throttle은 이벤트 호출 빈도를 제어하기 위해 추가적인 작업을 수행하는데, 작업이 간단하면 throttle의 부가적인 오버헤드가 더 큰 성능 저하를 가져올 수 있습니다. 따라서, 성능 분석 결과에서 throttle을 사용하지 않은 경우가 더 나은 성능을 보인다면, 위의 요인들 중 하나 또는 여러 요인이 해당되는 것일 수 있습니다. 성능 개선을 위해선 세밀한 분석과 테스트를 통해 적절한 방식을 선택해야 합니다. 각 상황에 맞게 스크롤 이벤트와 API 호출을 최적화하는 것이 중요합니다.

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!