백엔드 속이는 프론트엔드 성능 최적화, ‘Optimistic UI’ by. 스벨트전도사

• RedBus: INP 최적화로 점수 72% 개선 + 매출 7% 증가
• The Economic Times: INP 개선으로 이탈률 50% 감소

• 쓰면 안 되는 경우: 결제나 계정 삭제 같은 중요한 작업에서는 정확한 진행 상황을 보여주는 게 신뢰도를 높여요. 파일 업로드처럼 시간이 오래 걸리는 작업에서도 로딩 표시가 더 적절하고요.
• 쓰면 좋은 경우: 좋아요, 댓글, 간단한 설정 변경 같은 일상적인 상호작용에서는 낙관적 업데이트가 사용자 경험을 확 바꿔줘요! 버튼 누르자마자 바로 반응하는 인터페이스에 사용자들이 만족감을 느끼거든요😊

1️⃣ 1초도 못 기다려요, 바로 또 눌러버림 (24.3%)

요고도 이해해요! 요즘 세상이 너무 빨라서 1초도 답답하게 느껴질 때가 있잖아요. 특히 좋아요나 저장 버튼 같은 건 즉시 반응해야 한다고 몸이 기억하고 있는 것 같아요. 이런 티동이들 때문에 개발자들이 Optimistic UI 같은 기법을 쓰는 거겠죠? 호호 빠른 반응을 원하는 마음, 충분히 공감해요!

2️⃣ 2-3초 정도는 참고 기다려봐요 (52.9%)

가장 많은 티동이들이 선택한 답변이네요! 적당히 참을성 있으면서도 현실적인 기준인 것 같아요. 2-3초면 "아, 처리 중이구나" 하고 이해할 수 있는 시간이죠. 반응에 3초 이상 걸린다면, 성능 최적화를 고려해봐도 좋겠어요😉

3️⃣ 5초 넘게 기다린 후 포기하거나 새로고침 (18.6%)

인내심 있는 티동이들👏 5초면 정말 오래 기다리는 거예요. 아마 네트워크가 느린 환경을 자주 경험해보셨거나, 기다리는 것에 익숙하신 분들일 것 같아요. 여유로운 마음가짐! 다만 대부분 사용자들은 이렇게 오래 기다리지 않는다는 걸 고려하기!

4️⃣ 네트워크 상황 봐가면서 충분히 기다려요 (4.3%)

정말 이해심 많은 티동이들이네요😌 네트워크 상황이나 서버 부하 같은 걸 고려해서 기다려주는 마음이 따뜻해요. 개발자 입장에서는 이런 사용자들이 정말 고마울 것 같아요. 하지만 결국 70% 이상의 사용자들이 빠른 반응을 원한다는 게 이번 설문의 핵심! 사실 요고도 3초 이상 기다리면 답답하더라고요 😖