SPA가 대세로 자리매김한 요즘 사이트 최초 로딩 속도는 사이트의 품질 뿐만 아니라 프론트엔드 개발자의 실력까지 볼 수 있는 지표가 되었다고 한다. SPA에서 페이지가 로드되었을 때 바로 VIews의 Interaction이 가능하도록 페이지 로드에 필요한 모든 것들을 맨 처음에 한번에 로딩하기 때문에...
구글은 최초 페이지 로딩이 3초 이상 걸릴 경우 50%의 사용자가 이탈한다는 분석값을 내놓았으며, 페이지 로딩 시간이 긴 경우 검색 순위를 낮추겠다는 말까지 나왔다고 한다.
페이지 최적화를 테스트 하기 위해 Pagespeed Insights 를 이용했다.
모바일과 데스크톱 모두 노란불... 이미지 크기가 커서 포트폴리오 페이지에서도 불러오는 게 과하게 늦다고 생각하고 있었는 데 파비콘과 다른 이미지들도 문제가 되는 것 같았다.
또, 사용하지 않는 '커피사주세요' 모달을 주석 처리해둔 것도 문제였던 모양이었다.
다른 페이지를 포함해서 부족한 부분이 많아 좀더 보충 개발을 해볼 예정이다.
1. 포트폴리오 데이터를 DB로 업데이트
2. 이미지 축소 후 S3 버킷에 업로드
3. 필요없는 코드 정리
'TIL & WIL > 오늘의 공부.js' 카테고리의 다른 글
| 데이터를 완전히 삭제 시키는 것은 옳은 것인가? (Hard Delete, Soft Delete) (0) | 2023.12.11 |
|---|---|
| AWS EC2 멈춤 현상 (CPU 이슈) (1) | 2023.12.07 |
| Node.js - TDD 시작하기 (3) (1) | 2023.11.17 |
| 솔로프로젝트 - Profile 회고 (0) | 2023.11.14 |
| 티스토리 api 연결 중 실수 (1) | 2023.11.07 |
