proload link

웹폰트에 많이 사용

브라우저에서 글꼴을 요청이 바로 일어나는 것이 아니라 CSSOM이 생성되고 렌더링 트리를 생성할 때서야 비로소 요청이 발생하기 때문

preloading font with rel preload

Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. Provide details and share your research! Asking for help, clarification, or responding to other answers. Making statements based on opinion; back them up with references or personal experience. To learn more, see our tips on writing great answers.

https://stackoverflow.com/questions/49674092/preloading-font-with-rel-preload

[스압/데이터주의] 웹 최적화 방식 모음 - 2. 파싱 및 렌더링 트리

이 파트의 핵심은 파싱의 병렬성과 렌더링에 미치는 영향이다. 크게 배치순서를 바꾸는 것과 제한, 기타 효율적 활용하는 방안으로 나눌 수 있다. 2.1.1 CSS를 상단에 배치 개요 분류: CSS HEAD에 스타일 시트를 넣으면 페이지가 점진적으로 렌더링 될 수 있어 좋다. CSSOM 트리는 CSS를 모두 해석해야 구성되고, 구성되지 않으면 렌더링이 차단되기 때문이다.

https://black7375.tistory.com/74

[스압/데이터주의] 웹 최적화 방식 모음 - 2. 파싱 및 렌더링 트리

Remove unused JavaScript

Learn how to pass Lighthouse's "Remove unused JavaScript" audit.

Remove unused JavaScript

https://web.dev/unused-javascript/?utm_source=lighthouse&utm_medium=devtools

Remove unused JavaScript

Recommendations

////////////