웹사이트 속도 측정 및 개선하기 - pageSpeed

 

 

 

라이트세일 인스턴스 업그레이드에서 문제가 있어

그냥 aws ec2 + rds로 가기로 했다. 

 

다만 동일 서버에서 rds를 같이 사용하던 라이트세일 보다 속도가 느려질 것 같아서

일단 현재 서버 (lightsail 웹 + rds 동일서버) 와 향후 버전 (ec2 + rds)의 속도를 비교해보려고 한다. 

 

 

Pagespeed 사이트에서 사이트 속도 및 개선 방법을 확인하였다. 

 

 

 

https://pagespeed.web.dev/?hl=ko

PageSpeed Insights

 

 

 

현재 버전

( 라이트세일 단일 서버 - web + rds )  

 

 

 

 

콘텐츠가 포함된 첫 페이지가 나오는데 16초가 걸린다니 넘 충격적이여서

테스트 환경을 보니까 평상시 사용하는 환경보다 제한된 버전이긴 했다... 

 

 

 

 

실제로 크롬 개발자 도구에서 여러번 로딩하면서 보니까

대략 5초 ~ 7초 정도의 속도가 나오고 있다. 

 

 

 

 

 

싱글 페이지 어플리케이션(SPA)이라서 처음에 전체 페이지를 로드받고 

이후 추가 로드 속도는 적은 편인 것을 감안한다해도 넘 늦어... 

 

 

3초 이내 속도가 나와야 이탈율도 적고 검색 지수도 올라간다는데 앞으로 가야할 길이 멀다.. 

 

 

 

 

 

 

 

 

 

 

 

 

수정 버전

( 웹 :ec2 + rds: 기존 lightsail ) 

 

 

 

역시 절망적인 속도가 나옴 ㅠㅠ

 

크롬 개발자 도구로 봤을 때 맨 처음 로딩은 10초 이후 에는 4초 - 7초 사이의 속도가 나오는 것 같다. 

 

 

 

 

일단 전반적으로 속도가 넘 문제인데

전체 페이지 로딩 후에 데이터베이스 작업할때도 더 딜레이가 있을 것으로 예상된다. 

사실 그 부분은 페이지 이동하면서 봐야해서 이 사이트에서는 측정이 불가능해보인다. 

 

 

 

 

 

 

 

 

사이트 속도를 측정하다보니 RDS 위치가 문제가 아니라 

자바 스크립트나 관련 속도 최적화가 더 시급한 것으로 보인다. 

 

 

성능 문제를 진단하면서 개선 포인트를 추천하기 때문에 

그것도 하나씩 적용하면서 속도를 개선해볼 예정이다. 

 

 

https://developer.chrome.com/docs/lighthouse/performance/first-contentful-paint?utm_source=lighthouse&utm_medium=lr&hl=ko