Simon Wicki 是來自柏林 Freelance Frontend 的一位開發(fā)者，曾開發(fā)過多款 MAU 超過 1000 萬的產(chǎn)品。在他近日發(fā)布的博文《是時候和 Google Fonts 說再見了》中，表示由于受性能拖累，Google Fonts 已經(jīng)不再適合部署到產(chǎn)品中了。

在博文的開頭他介紹了 Google Fonts 的諸多優(yōu)勢，包括易于上手、字體庫豐富等等，而這也是目前仍有超過 4200 萬個網(wǎng)站依然在使用的原因。不過作為代價就是犧牲了性能，很多用戶都反饋在多次請求方面的代價。如果你依然想要保持高速，那么最好的辦法就是下載已經(jīng)使用的 Google Fonts，然后在本地進行托管。

這并不是什么新鮮的做法，事實上已經(jīng)被提倡多年了。甚至于谷歌自己在 2018 年的 I/O 開發(fā)者大會談及性能時候推薦其他人自行托管字體。從本質(zhì)上講，即使擁有所有字體和 CSS 優(yōu)化功能，Google Fonts 也不會比自托管字體快。

Sia 曾撰寫了一篇文章，她比較了 Google Fonts 和自行托管字體在沒有 CDN 影響情況下的性能表現(xiàn)。

Optimised Google Fonts loading with preconnect

Optimised self-hosting fonts with preload

如果說最佳的性能表現(xiàn)是自行托管字體，那么是什么讓開發(fā)人員相信 Google Fonts 的性能接近于自行托管？Google Fonts 設(shè)計在全球 CDN 上分發(fā)，并能夠發(fā)揮緩存的優(yōu)勢。用戶通過所述 CDN 請求字體，很有可能他們已經(jīng)從其他站點下載了字體資源。

不過自2020年10月發(fā)布的 Chrome 86 版本開始，字體之類的跨站點資源不再可以在同一 CDN 上共享。這是由于瀏覽器緩存已分區(qū)（Safari已經(jīng)使用了多年）。Safari確實關(guān)心隱私。多年來，它一直繞過這種跨站點跟蹤攻擊。然后終于有了Chrome。其他基于 Chromium 的瀏覽器應(yīng)該也會后續(xù)跟進。

小結(jié)

無論是否將其緩存在 CDN 上，都會為每個網(wǎng)站重新下載 Google Fonts 資源。顯然 ，自托管字體能夠獲得更好的性能，而舊的性能參數(shù)不再有效。