목록Lighthouse (1)
Frontend 개발자 - hyo.loui
Project: 🚩codefolio - 이미지 최적화, 성능 개선
🎯목적 : 이미지 파일 압축 업로드 기능 구현, 최종 성능 개선에 대한 기록 목차 문제점 발견 두번째 솔루션 (이미지 압축 라이브러리 적용) 파일 사이즈 비교 얻어진 결과 (Chrome LightHouse 점수) 1. 문제점 발견 게시글이 post가 되어 detail 페이지에서 사용자가 작성한 글이 보여지게 된다 codefolio 프로젝트 특성상 다량의 이미지가 들어가게 됨에 따라 editor의 번들 사이즈도 적지 않은데, 거기에 더 사이즈가 큰 이미지가 여러개 보여지게 되면서 detail 페이지의 로딩속도가 이미지의 사이즈와 수량에 따라 비례하게 증가했다. 기존의 static한 이미지는 프론트에서 next image를 사용하여 이미지 최적화를 하면서 빠르게 로딩 되었지만 뷰어에서 보여주는 이미지는 개별..
Project
2023. 3. 24. 01:09