Open 000wan opened 1 year ago
현재 구글 api로 웹 폰트를 받아오는데 이 방식이 웹페이지 로딩 시간에 영향을 줄 수 있다고 합니다. 사용하는 폰트들을 public 같은 폴더에 설치해서 self-hosting 하는게 좋을 것 같습니다. (라이센스 확인 필요)
https://fonts.google.com/knowledge/using_type/self_hosting_web_fonts
https://www.webpagetest.org/result/231005_AiDcES_800/2/experiments/#Quick
By default, references to external JavaScript and CSS files will block the page from rendering. Third-party blocking requests are particularly risky, as your page's access relies on their response time and availability.'
https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700&display=swap
Problem
현재 구글 api로 웹 폰트를 받아오는데 이 방식이 웹페이지 로딩 시간에 영향을 줄 수 있다고 합니다. 사용하는 폰트들을 public 같은 폴더에 설치해서 self-hosting 하는게 좋을 것 같습니다. (라이센스 확인 필요)
References
https://fonts.google.com/knowledge/using_type/self_hosting_web_fonts
https://www.webpagetest.org/result/231005_AiDcES_800/2/experiments/#Quick
3rd-party requests are blocking page rendering.
By default, references to external JavaScript and CSS files will block the page from rendering. Third-party blocking requests are particularly risky, as your page's access relies on their response time and availability.'
https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700&display=swap