preload
-
prefetch, preload카테고리 없음 2022. 10. 29. 02:06
- prefetch // HTML에서 선언해주기 Link: ; rel=prefetch // HTTP Header에서 선언해주기 const EmojiPicker = import(/* webpackPrefetch: true */ "./EmojiPicker"); // webpack에 prefetch할거라고 알려주기 연관된 경로 혹은 페이지에서 필요할 수 있는 리소스를 미리 fetch 할 수 있게 해주는 브라우저 최적화. 어떤 버튼을 누르면 컴포넌트가 나타난다고 가정할 때, 해당 컴포넌트는 script의 loading -> parsing -> compiling -> executing 총 4가지 단계를 거쳐야 사용자에게 보인다. 따라서 버튼을 눌러도 컴포넌트가 잠깐 안보일 수도 있다. 버튼을 눌러야 컴포넌트가 나..