Articles for tag: front-end-developmentnextjsperformance-optimizationreactjs리액트JS성능 최적화프론트엔드 개발

2024-11-14

Brandon

NextJS 웹사이트 최적화를 위한 9가지 기법 (200% 성능 향상)

최근에 제가 Production NextJS 웹사이트의 성능을 개선해야 했습니다. 웹사이트는 여기에서 방문하실 수 있습니다 (변경 사항이 현재 적용되었습니다). 업데이트: 검색 엔진 결과 (24–08–24): 이러한 변경 사항을 발표한 후, 인덱스된 페이지 수가 79k에서 123k로 하루 만에 증가했습니다! 인덱스된 페이지 수의 증가.이것은 하루 만에 인덱스된 페이지 수에서 가장 큰 성과였습니다. 오늘은 우리가 어떻게 이를 달성했는지와 그 과정에 대해 설명드리겠습니다. 점수를 시작하겠습니다. 여기가 우리가 시작한 지점입니다. 시작공정한 비교를 위해 Vercel을 사용하여 테스트 계정에 배포하였으며, 이 계정을 모든 벤치마크에 사용할 예정입니다. 저의 초점은 기술적 개선뿐만 아니라 사용자 경험 개선에도 있습니다. 그럼 시작해 보겠습니다… 최적화 1: 병렬 요청 우리의 필터 페이지는 해당 지역에 적합한 필터를 얻기