css 최적화 과제

[vroomfan]

1. 개발자 도구의 css coverage를 확인하여 사용하지 않는 h3 style을 삭제했습니다.
2. 필수 css를 head 내부로 옮겼습니다. hover style과 유저의 클릭 액션 이후에 나타나는 paragraph 관련 style은 css 파일에 남겨두었습니다.
3. css 파일을 지연 로딩/적용했습니다.

최적화 전에는 css 파일이 다운로드된 이후(상단의 빨간색 테두리 박스) Parse Stylesheet를 수행하고 렌더링이 되지만,

최적화 후에는 HTLM 만으로(왼쪽 하단의 파란색 박스가 HTML parsing을 의미함) 이미 초기 렌더링이 완료됨을 확인했습니다.

[naradesign]

@jyp930 과제를 성실하게 수행하셨네요. 잘 하셨고요. 고생하셨습니다. 👍