우주선

물리적인 웹 페이지의 로딩 속도는 사용자 경험에 큰 영향을 미친다. 특히 느린 네트워크 상황이거나, 이미지를 불러오는 속도가 느리거나, 페이지가 랜더링되지 않으면 페이지 이탈율이 높아진다. 그래서 리소스의 로딩을 최적화하기 위해 다양한 방법을 사용한다. 필자는 이미지 리소스의 로딩을 최적화하기 위해 fetchpriority, preload, prefetch를 사용했는데 간단히 정리해보려고 한다. 왜냐면 쓰면서 헷갈렸으니까. 로딩과 관련된 세 가지 속성으로, 각각의 기능과 사용 방법에 차이가 있다. fetchpriority fetchpriority는 HTML의 태그에서 사용할 수 있는 속성이다. 이미지 리소스의 다운로드 우선순위를 지정하는 데 사용한다. 웹 페이지에서 이미지 리소스의 로딩 순서와 우선순위를..