✨ [24.11.14] admin, main 페이지 코드 리팩토링 및 성능 개선

[lumpenop]

작업 사항

Todo

• 컴포넌트 분리
• performance 개선

기타

performance 개선

1. JavaScript 실행 시간 줄이기 (4.8초):
   코드 최적화: 불필요한 코드를 제거하고, 더 효율적인 알고리즘을 사용하세요.
   코드 분할: 큰 스크립트를 작은 단위로 나누어서 병렬로 실행하세요.
   캐싱 사용: 반복적으로 사용되는 데이터를 캐시하여 다시 계산하지 않도록 하세요.

2. 메인 스레드 작업 최소화 (5.7초):
   비동기 작업 사용: 비동기 함수를 사용하여 메인 스레드를 블로킹하지 않도록 하세요.
   Web Workers 사용: 브라우저의 두 번째 스레드(Web Workers)를 사용하여 복잡한 작업을 백그라운드에서 처리하세요.

3. Largest Contentful Paint 요소 (3,460ms):
   콘텐츠 최적화: LCP 요소를 최적화하여 빠르게 렌더링되도록 하세요.
   초기 렌더링 경로 최적화: HTML, CSS, JavaScript를 최적화하여 초기 렌더링 경로를 단축하세요.

• Largest Contentful Paint 이미지 지연 로드:
  이미지 최적화: 이미지 크기를 줄이고, 압축을 적용하여 로드 시간을 줄이세요.
  지연 로드 사용: 중요하지 않은 이미지는 지연 로드를 사용하여 초기 렌더링을 빠르게 하세요.