Vue에서의 Prefetch

prefetch에 대한 고민

• prefetch란 당장 사용하지 않을 컴포넌트 및 path의 리소스를 미리 다운받아 캐싱하는 속성이다.

• Vue에서 prefetch는 기본값으로 true임

• 하지만 prefetch는 애플리케이션의 첫 화면 렌더링을 지연시킬수 있다. prefetch 리소스를 먼저 다운받고 그 다음, 첫 화면에서 사용되는 리소스를 다운 받기 때문.

• prefetch 기능은 다른 화면에서 사용될 리소스를 미리 내려받아서, 애플리케이션에서 화면 전환 시 빠른 성능을 만들어내기 위해 사용. 그래서 꼭 필요한 컴포넌트에만 적용해야함.


• 기본적으로 프로젝트에서는 prefetch를 끄는것을 권장.