합니다, 개발공부📝 합니다, 개발공부📝

이제 단계별 성능개선을 통해나온 값을 가지고 어느정도 성능이 개선되었는지 비교해보자. 성능개선 단계별 변화 성능 개선 개선 전 Progressive Images Redis Cache gzip, cache, http2 DB replication 및 부하분산 First Byte 1.239S 1.060S 1.239S 1.124S 1.062S First View 19.320S 9.421S 8.898S 5.514S 5.492S First Contentful Paint 3.557S 3.366S 3.557S 2.713S 2.555S Speed Index 7.766S 7.542S 7.666S 5.130S 5.009S Largest Contentful Paint 9.887S 9.578S 9.867S 5.722S 5.59..

이번엔 was서버에서 redis 캐시, 외부 API 비동기, index 설계 및 리버스프록시에서의 gzip, cache, http2, 부하분산 등의 적용을 통하여 성능을 개선시킨다. 성능개선 ② redis 캐시 및 @Async, index 설계의 적용 1) Redis 캐시 Redis 캐시를 적용하기 위한 기본 내용은 이전의 블로그에서 작성해두었다. ↓ https://dodop-blog.tistory.com/321 화면 응답 개선하기 이번엔 화면응답속도를 개선하는 방법에 대해 알아보자. 화면 응답 속도를 개선하는 방법에는 인터넷구간 성능 개선을 통한 방법과 데이터 조회 성능 개선의 방법이 존재한다. 인터넷 구간 성 dodop-blog.tistory.com 메인페이지에서 로딩하는 product와 post의..

이제 배포된 서버를 진단하고 목표를 정하도록 하자. 서버 진단하기 서버진단은 다음의 사이트에서 진행할 수 있다. https://www.webpagetest.org/ WebPageTest View this on WebPageTest.org... www.webpagetest.org https://pagespeed.web.dev/?utm_source=psi&utm_medium=redirect PageSpeed Insights 올바른 URL을 입력하세요. pagespeed.web.dev WebPageTest의 요약 결과는 다음과 같았다. 두 사이트에서 진행한 나의 배포 사이트와 경쟁 사이트의 테스트 결과는 다음과 같았다. walkerholic(내 프로젝트) 네이버 블로그 네이버 쇼핑 티스토리 성능 76 67 8..

이제 이전 미션에서 진행한것을 참고하여 개발한 프로젝트를 배포하기로 했다. 망 구성 망구성은 배스천 서버, 외부망(서비스)서버, 내부망(데이터베이스)서버로 구성하도록 하고, 외부망 앞에 리버스 프록시를 구성하여 배포하도록 설정하였다. 보안은 이전 미션에서 구성했던 것처럼 22번 포트는 bastion서버에서 내 IP로만 오픈하도록 하였다. 망구성이 궁금하다면 이전에 작성해둔 내 블로그를 참고하면 된다! ↓ https://dodop-blog.tistory.com/310 AWS 망 구성하고 서비스 배포하기 이번에는 AWS를 통해 망을 구성하고 서비스를 배포하는 미션을 진행했다. 배포부분은 heroku 배포를 제외하고는 진행해본 적이 없기에 이번 미션을 통해서 배포에 대해 많은 부분을 배울 수 있어 dodop-..