최적화

[GleamingStar]

• socket
  • 설정 순회
  • https://socket.io/docs/v4/pm2/
  • https://socket.io/docs/v4/performance-tuning/
  • reconnect 설정
• chat
  • 스크롤에 안보이는 채팅로그 숨기기?
  • 스크롤에 따른 동적 호출?
• code-split
  • react.lazy 적용
  • 지금 suspense 건 위치가 적절한가?
  • SSR, NJS 적용?
• lighthouse
  • text-compression
    • Accept-Encoding: gzip, compress, br 알아보기
  • https://web.dev/pwa-checklist/
  • https
  • robots.txt
• canvas
  • throttle / draw
    • 10ms는 적절한 딜레이인가
    • 0.01초도 선이 각진 게 눈에 보인다
      • 특히 원을 그리거나, 선이 굵을 경우 도드라짐
    • 클라이언트에선 딜레이없이 draw를 처리하고, 배열에 이동좌표를 그린뒤 0.01초마다 배열째로 쏘는 방식으로?
    • 문제는 쓰로틀 딜레이가 아닌, 선과 선사이의 기울기의 급격한 변화