성능개선
-
withEmployee(Springboot + React) 프로젝트 코드개선 및 성능 개선학습로그 2022. 6. 5. 03:08
walkerholic 프로젝트에 이어 withEmployee 프로젝트에서도 성능을 측정해 보았다. 성능 측정 결과 성능측정 결과는 다음과 같았다. ↓ https://www.webpagetest.org/result/220604_AiDcE4_6PF/ WebPageTest Performance Test Results Check out these web performance test results on WebPageTest.org: www.webpagetest.org Compress transfer를 제외하고는 모두 A점수를 받았고, First Byte, FIrst VIew, FCP, Speed Index, LCP 모두 양호한 것으로 확인되었다. 성능점수도 96점으로 측정되었다. 부하테스트 로그인하고 회사목록,..
-
walkerholic(Springboot + React) 프로젝트 ④ 성능 개선 결과 확인학습로그 2022. 6. 3. 06:09
이제 단계별 성능개선을 통해나온 값을 가지고 어느정도 성능이 개선되었는지 비교해보자. 성능개선 단계별 변화 성능 개선 개선 전 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..
-
walkerholic(Springboot + React) 프로젝트 ③ 성능개선하기학습로그 2022. 6. 3. 05:41
이번엔 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의..