jfmam 개발 블로그

핵심 사용하지 않는 css를 제거하고 css가 렌더링을 차단하지 않게 설정한다 사용하지 않는 css 제거하는 방법 구글 light house 활용하기 문제 Remove unused css 이슈 발생 해결방법 vertical dots에서 coverage tab을통해 unused css를 찾을 수 있다. purgecss를 통해 빌드 시 사용하지 않는 클래스들을 삭제한다. 추후에 자세한 사용방법에 대해 알아봐야겠다 렌더 블록킹 리소스 제거 defer html parsing 중단없이 빠르게 진행하며 script 다운로드를 동시에 실행한다 HTML parsing이 중단없이 진행되기 때문에 화면에 나타나는 것이 빠르다 script 실행은 parsing이 끝난 후에 실행된다. async 다운로드가 끝나면 스크립트를 ..