분류 기타

Google Fonts와 작별 할 시간

컨텐츠 정보

  • 조회 23 (작성일 )

본문

프로토 타입과 1,000 만 개 이상의 MAU 제품에서 Google Fonts를 사용했습니다. 시작하기 매우 쉽고 놀라운 글꼴 검색 기능을 제공합니다. 그렇기 때문에 현재 4,200 만 개 이상의 웹 사이트에서 여전히 사용되고 있습니다!


https://wicki.io/posts/2020-11-goodbye-google-fonts/


이 편리함의 가격은 성능입니다. 많은 사람들이 이미 여러 요청의 비용을 지적했습니다. 나머지 속도 향상을 원한다면 사용한 Google 글꼴을 다운로드하여 자체 호스팅 하는 것이 가장 좋습니다.


이것은 새로운 것이 아닙니다. 사실 이미 수년간 옹호되어 왔습니다. Google조차도 다른 사람들에게 웹 성능에 대해 Google I / O '18에서 자체 호스팅 글꼴을 사용하도록 조언했습니다.


자체 호스팅 글꼴 대 Google 글꼴 


본질적으로 Google Fonts는 모든 글꼴 및 CSS 최적화 기능이 있어도 자체 호스팅 글꼴보다 빠를 수 없습니다.


Sia는 CDN의 영향 없이 Google Fonts와 자체 호스팅 글꼴 간의 성능을 비교 한 멋진 게시물을 작성했습니다.


Network flow with Google Fonts 

사전 연결로 최적화 된 Google 글꼴로드


Network flow with self-hosting fonts 

사전로드로 최적화 된 자체 호스팅 글꼴


오래된 성능 논쟁 


따라서 최종 성능이 자체 호스팅 글꼴에 유리한 경우 : Google Fonts가 적어도 자체 호스팅 접근 방식만큼 성능을 ​​발휘한다고 개발자를 설득 한 주장은 무엇 이었습니까?

Google Fonts는 글로벌 CDN에 배포되어 캐싱 이점을 누리도록 설계되었습니다. 사용자는 해당 CDN을 통해 글꼴을 요청합니다. 다른 사이트에서 이미 이전 시점에 글꼴 리소스를 다운로드했을 가능성이 있습니다.


이전 성능 인수 무효화 


2020 년 10 월에 출시 된 Chrome v86 이후로 글꼴과 같은 교차 사이트 리소스는 더 이상 동일한 CDN에서 공유 할 수 없습니다. 이것은 분할 된 브라우저 캐시 때문입니다 (Safari는 이미 수년간 이것을 가지고 있었습니다). 


Google 게시물에서는 분할 된 브라우저 캐시가 무엇인지 설명합니다. 가능한 교차 사이트 추적 메커니즘을 방지하기 위해서만 도입되었습니다.


다른 브라우저에서 캐시 파티셔닝 


Safari는 프라이버시를 중요하게 생각합니다. 이미 수년 동안이 교차 사이트 추적 공격을 우회했습니다. 그리고 마침내 Chrome이 나옵니다. Chromium을 기반으로 하는 다른 브라우저는 여전히 기능을 신호하거나 구현해야 합니다.


  • ✅ Chrome: since v86 (October 2020)
  • ✅ Safari: since 2013
  • 🚫 Firefox: planning to implement
  • 🚫 Edge: most likely soon
  • 🚫 Opera: most likely soon
  • 🚫 Brave: most likely soon
  • 🚫 Vivaldi: most likely soon

결론 


Google Fonts 리소스는 CDN에 캐시 되는 것과 상관없이 모든 웹 사이트에 대해 다시 다운로드 됩니다. 더 나은 성능을 위해 글꼴을 자체 호스팅 하십시오. 이전 성능 인수는 더 이상 유효하지 않습니다.