inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1

1-10) 텍스트 압축 적용

gzip 방법 문의 드립니다.

652

작성자 없음

작성한 질문수 0

1

안녕하세요. 개인 프로젝트를 수정해보고 있습니다.

 

만약 react public 폴더에 100kb json 파일이 있고,

A component에서 fetch로 해당 데이터를 가져와 사용한다면

어디서 해주는 것이 맞는 방법인가요?

 

(아래 질문을 통해 유추해보았는데 만약 s3에 프론트 코드가 있으면 s3에 해주어야 하는 것인가요?)

그럼 이 경우에는 local에서는 테스트를 해볼 수 없는 걸까요?

devtools react

답변 1

0

유동균

안녕하세요, 최문혁님,

답변이 늦었네요..

gzip을 하는 주체에 대해서 질문을 주셨는데요,

gzip 설정은 nginx에 둘 수도 있고 웹서버 자체에 둘 수도 있습니다.
서버 인프라에 따라 달라질 수 있겠지만, 주로 서버들의 엔트리 포인트에 둡니다.

만약 S3 또는 CDN으로 파일 제공한다면, 해당 서버에 gzip을 적용하는 것이 맞습니다.

서버에 적용을 하는 것이기 때문에 로컬 테스트는 무의미합니다.
단순 gzip이 적용된 환경에서의 서비스 이용 테스트를 로컬에서 하시고자 하는거라면, 로컬에서 띄우는 서버에 gzip을 적용하여 테스트하실 수 있습니다.
webpackDevServer의 경우 gzip적용이 가능하고 기타 다른 서버(serve.js 등)에서도 gzip 옵션이 있습니다.(그게 아니라면 직접 서버에서 코드로 적용할 수도 있고요)

답변이 도움되셨길 바라며, 강의에 관심을 가져주셔서 감사합니다. :)

bundle analyzer 에 대한 질문이 있습니다.

0

108

2

Cannot find module serve 에러

1

105

1

성능 탭에서 소요시간이 안보입니다

0

205

2

이미지 CDN 만드는 방법

0

459

1

Performance FPS 탭이 안보여요.

1

798

1

CPU throttling이 뭔가요?

0

1120

1

default export가 아닌 named export일 때 lazy사용법

1

1070

1

lazy적용하였는데 네트워크탭에 분리하여 보이지 않습니다

1

583

1

network 캐싱에 대해서 질문 있습니다!

1

427

1

vue project에서 chrome performance tab 확인하기

1

458

1

node version으로 인한 오류

4

1232

1

강의 자막

1

956

2

번들파일과 병목현상 질문

2

396

1

webpack-bundle-analyzer 질문

1

786

1

이미지 프리로딩 질문

1

385

1

이미지 최적화 활용

1

582

1

강력 새로고침

1

324

1

Suspense 관련해서 질문드립니다

2

360

1

config-overrides cant resolve path

1

363

1

이미지 preload 컴포넌트 preload 차이 질문드립니다.

1

611

1

custom react 환경에서 node_modules chunk 분리

1

382

1

removeSpeical 함수를 줄여야겠다고 하는 이유!

1

284

1

Factory pattern에 대해서 궁금한 점이 있습니다

2

370

2

텍스트 압축 방식에 대해 질문이 있습니다

2

954

1