Portfolio1 포트폴리오 사이트 미디어 최적화하기 들어가며포트폴리오 사이트에 프로젝트 캐러셀 기능을 추가하면서 이미지 35장과 시연 영상 1개를 넣었습니다.무작정 이미지와 영상을 넣은 결과 총 209MB의 미디어 파일과 함께 느려터진 로딩 속도, GitHub의 경고 메시지가 저를 맞이했습니다.이 글에서는 실제로 적용한 최적화 과정과 각 방법의 trade-off, 그리고 실제 성능 개선 수치를 공유합니다. 1. 문제 상황이미지 문제파일 형식: PNG (무손실, 고용량)개별 용량: 3~6MB총 35장: 139MB증상: 모달 열 때 로딩 지연, 슬라이드 전환 시 버벅임영상 문제파일 용량: 70MB (MP4)GitHub 경고: 권장 최대 크기 50MB 초과배포 후 404 에러: base URL 경로 불일치remote: warning: File public/vi.. 2026. 2. 8. 이전 1 다음
