[HTML] 스타일시트(stylesheet) 리소스 우선 순위(퍼포먼스)

리소스 우선 순위 명령어 설명 preload 몇 초 안에 자원이 필요할 때 prefetch 다음 페이지에 자원이 필요할 때 preconnect 곧 자원이 필요하겠지만 아직 전체 URL을 모르는 경우 프리로드 preload # "as 속성"을 사용하여 리소스의 유형을 브라우저에 알려줘야 합니다. 올바른 유형이 설정되어 있지 않다면 브라우저는 해당 리소스를 사용하지 않습니다. # "preload"는 브라우저가 반드시 리소스를 가져오게 만듭니다. 중복 참조하면 중복된 만큼 리소스를 가져오기 때문에 중복해서 참조하지 않도록 해야 합니다. # "preload"는 현재 페이지에서 반드시 사용되는 리소스에만 사용되어야 합니다. <link rel="preload" as="script" href="super-important.js"> <link rel="preload" as="style" href="critical.css"> 프리커넥트 preconnect # "preconnect"를 사용하면 브라우...

원문링크 : [HTML] 스타일시트(stylesheet) 리소스 우선 순위(퍼포먼스)