Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Refactoring] 로딩 최적화 #275

Open
nijuy opened this issue Jul 29, 2024 · 4 comments
Open

[Refactoring] 로딩 최적화 #275

nijuy opened this issue Jul 29, 2024 · 4 comments

Comments

@nijuy
Copy link
Collaborator

nijuy commented Jul 29, 2024

지금

지연 로딩으로 필요할 때 리소스를 로딩하고 있다보니 페이지 이동 중간중간에 로딩 과정이 좀 있음
지연 로딩을 쓰면서도 특정 리소스만 먼저 로딩할 수 있는 방법 (주석) 도 있고
뭔가.................................... 대책이 필요하다.........................................

@0chil
Copy link
Contributor

0chil commented Aug 5, 2024

@nijuy 일단 자주 쓰이는 페이지 (게임, 랭킹, 프로필)만 미리 로드하는 방법은 어떨까요?

@nijuy
Copy link
Collaborator Author

nijuy commented Aug 8, 2024

@0chil

멋찐 의견 감사합니다!!!!
그렇게 하면 서버 데이터를 불러올 동안만 로딩 컴포넌트가 보이니 노출 시간이 확실히 짧아지겠네요!

로딩 시간이 너무 짧아지면 로딩 컴포넌트가 오히려 시각적으로 깜빡이는 느낌을 줄 거 같아 약간 고민인데,,
(로딩 시간이 일정 기준 이하면 그냥 빈 화면에서 바로 나타나는 게 나을 거 같았음)

혹시 사용자가 특정 API 요청을 받기까지 걸리는 평균적인 시간 같은 걸 알 방법이 있을까요??
개발자 도구 - 네트워크 탭에서도 시간 조회는 되는데 실행 환경에 따라 달라지다보니 대략적인 예상만 가능하네요 흑흑
(되면 좋고 아님 말고! 정도라 안되는데 되게 해보겠다 <- 이건 괜찮습니다 정말정말로!!!!!!!)

@0chil
Copy link
Contributor

0chil commented Aug 8, 2024

@nijuy
평균 시간..은 시시각각 달라지는 거라서 어려울 것 같고, 근본적인 해결책은 되지 못할 것 같습니다 ㅠㅠ

API 요청-응답 시간은 없앨 수 없는 영역이니, 거꾸로 스켈레톤 UI를 사용해보면 어떨까요?

@nijuy
Copy link
Collaborator Author

nijuy commented Aug 8, 2024

그런 슬픈 일이~ 이해 완입니다 오케오케,,

스켈레톤 UI도 고려 대상 중 하나였는데!!! 간파당햇다
둘다 로딩 시간이 너무 짧으면 깜빡이는 느낌을 주게 되는 건 같아도,
스켈레톤 UI는 로딩 인디케이터에 비해 시각적으로 더 연속된 느낌을 준다는 점에서 낫네용

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants