목록rendering (1)

느릿늘있

[nextJS] Google Map API 성능 최적화 경험 기록

1. 현상 사이드 프로젝트로 진행 중인 머글래 웹 모듈 4번 작업물인 구글 맵 api를 활용한 지도에 리뷰 표시하는 페이지를 만들 던중 발생한 이슈다. 아래 링크에서 현재 잘 동작하고 있는 것을 확인할 수 있다. https://moglet-web-module.vercel.app/4_googleMaps Moglet Web Module moglet-web-module.vercel.app 처음에는 모든 기능을 index 페이지에 다 몰아 넣고 기능이 동작 가능하게만 만들어서 돌렸다. 그랬더니 노트북 팬이 미친듯이 돌아가고 브라우저는 멈추고 작업관리자 CPU는 100%를 찍고 vercel에 배포는 됬으나 사이트가 먹통이 되어 버렸다. 성능에 문제가 있다는 것을 인지하고 이를 최적화 하기 위해 여러 가지를 시도하..
삽질로그 2023. 5. 7. 00:08
이전 Prev 1 Next 다음