lazy loading1 lazy loading : dynamic import Eager loading 즉시 로딩 로딩화면을 표시해주며 열심히 로딩한다. lazy loading 지연 로딩, 게으른 로딩 성능을 개선하고 시스템의 resource를 절약하는 기법이다. 필요한 페이지에 들어가면(스크롤, 일부 상호작용) 그제서야 로딩을 한다. image, video, iframe, library등에 사용할 수 있다. auto: 속성을 포함하지 않는 것과 동일한 브라우저의 기본 지연 로딩 동작입니다. 사용하지 않는 걸 추천한다 lazy: 뷰포트로부터 계산된 거리에 도달할 때까지 리소스 로딩을 지연시킵니다. eager: 페이지에서의 위치에 관계없이 리소스를 즉시 로드합니다. 처음 표시되는 뷰포트에 있는 이미지에 대해 loading=lazy 설정을 피해야 합니다. dynamic import r.. 2022. 6. 20. 이전 1 다음