티스토리 뷰
우리는 프로토 타입과 천만개 이상의 MAU 제품에 Google Fonts를 사용해 왔습니다. 시작하는 것은 매우 쉽고 놀라운 글꼴 검색을 제공해 주기 때문입니다. 그 결과 여전히 4,200 만 개 이상의 웹 사이트에서 사용되고 있고요.
이러한 편리함은 성능이라는 대가로 제공이 됩니다. 많은 사람들이 이미 여러 요청의 비용을 지적했습니다. 나머지 속도를 높이려면 사용하는 Google 글꼴을 다운로드하고 호스팅하는 것이 좋습니다.
이것은 새로운 것이 아닙니다. 실제로 이것은 수년 동안 홍보 되어 왔습니다. Google조차도 다른 사람들에게 Google I / O '18에서 자체 호스팅 글꼴을 권장했습니다.
셀프 호스트 글꼴 및 Google 글꼴
Google Fonts는 모든 글꼴과 CSS 최적화를 사용하여 기본 글꼴보다 빠를 수 없습니다.
Sia는 CDN의 영향을받지 않고 Google 글꼴과 독립형 글꼴의 성능을 비교하는 우수한 게시물을 썼습니다.
Optimised Google Fonts loading with preconnect
Optimised self-hosting fonts with preload
이전 성능 논의
그래서 수익이 자체 호스팅 글꼴을 지지하고 있는 경우 Google Fonts 적어도 자체 호스팅 방식 만큼이나 효과적이다.
개발자에게 확신 시켰다는 논의가 뭘까요?
Google Fonts는 글로벌 CDN 전체에 분산 된 캐시를 사용하도록 설계되어 있습니다. 사용자는 지정된 CDN을 통해 글꼴을 요구합니다. 대부분의 경우, 그들은 이전에 다른 사이트에서 글꼴 리소스를 다운로드 할 수 있습니다.
"크로스 사이트 캐시는 어느 Web 사이트에서도 글꼴을 1 회 다운로드 필요하도록 설계되어 있으며, GoogleFonts를 사용하는 다른 Web 사이트에서 동일한 캐시 글꼴을 사용합니다."
-https : //fonts.google.com/about
이전 성능 인수를 사용하지 않으려면
2020 년 10 월에 출시 된 Chromev86 이후 글꼴 등의 크로스 사이트 자원을 동일한 CDN에서 사용 할 수 없게 되었습니다. 이것은 공유 브라우저 캐시 때문입니다. (Safari에서는 몇 년 전부터 있음).
이 Google의 게시는 분할 브라우저 캐시가 무엇인지 설명하고 있습니다. 이 사이트 간의 추적 메커니즘의 가능성을 방지하기 위해 전용 도입되었습니다.
다른 브라우저에서 캐시 분할
Safari는 정말 개인을 중요하게 생각합니다. 몇 년 동안 매우 크로스 사이트 추적 공격을 막아줬습니다.
✅ 크롬 : 버전 86 이후 (2020 년 10 월)
✅ 사파리 : 2013 년 이후
🚫Firefox : 구현 계획
🚫 가장자리 : 곧 등장 할 가능성이 있습니다
🚫 오페라 : 곧 올 것이다
🚫 브레이브 : 아마 곧
🚫Vivaldi : 아마 곧
결론
Google Fonts 자원은 CDN에 캐시되어 있는지 여부에 관계없이 모든 Web 사이트에 다시 다운로드됩니다. 성능을 향상시키기 위해 스스로 글꼴을 호스트합니다. 이전 성능 인수는 비활성화되었습니다.