html 파일에서 <head> 태그 안에 <link> 태그를 넣는다.
이유
페이지가 처음 로드되면 HTML과 CSS가 동시에 파싱된다.
이 점진적 렌더링은 웹 사이트의 성능 점수에서 측정되는 사이트 최적화의 범주이다.
html 문서 최하단에 stylesheet를 위치시키는것은 많은 브라우저에서 점진적 렌더링을 금지하게 되는 것이다.
이로 인해 사용자는 빈 하얀 페이지를 보게된다.(최악 최악)
사용자에게 빈 화면을 보여주는것만큼 최악 중에 최악은 없을것이다.
이 외에도 UX가 향상되고 스타일이 없는 내용이 잠깐 보이는 것을 방지한다.
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" />
</head>
<body></body>
</html>