inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Tối ưu hóa hiệu suất web thực tế dành cho nhà phát triển front-end (hợp tác với React) - Phần. 1

2-7) Tải trước hình ảnh

이미지 프리로딩 질문

Đã giải quyết

389

qutuzm

2 câu hỏi đã được viết

1

강의에서 이미지url을 프리로딩하는것을 알려주셨는데 혹시 이미 리액트 폴더안에 에셋으로 넣어놓은 이미지 파일이나 폰트를 모달 띄우기 전에 미리 프리로딩 하는 방법을 알 수 있을까요?

devtools react

Câu trả lời 1

0

hackurity01

안녕하세요, qutuzm님.

답변이 많이 늦었습니다 ㅠ

프로젝트 내에 있는 static 이미지를 프리로딩 하는 방법도 동일합니다.
해당 static 이미지도 결국 url이 있기 때문에 이미지가 렌더링 되기 전 타이밍에 동일하게 자바스크립트의 Image 객체로 이미지를 미리 로드하게 캐시해두면 됩니다.

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

0

119

2

Cannot find module serve 에러

1

126

1

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

0

232

2

이미지 CDN 만드는 방법

0

474

1

Performance FPS 탭이 안보여요.

1

819

1

CPU throttling이 뭔가요?

0

1127

1

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

1

1081

1

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

1

594

1

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

1

430

1

vue project에서 chrome performance tab 확인하기

1

462

1

node version으로 인한 오류

4

1241

1

강의 자막

1

962

2

번들파일과 병목현상 질문

2

403

1

webpack-bundle-analyzer 질문

1

790

1

이미지 최적화 활용

1

589

1

강력 새로고침

1

331

1

Suspense 관련해서 질문드립니다

2

365

1

config-overrides cant resolve path

1

369

1

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

1

617

1

custom react 환경에서 node_modules chunk 분리

1

384

1

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

1

291

1

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

2

378

2

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

2

959

1

최적화에 대해서 질문있습니다~~

1

354

1