[wp-trac] [WordPress Trac] #37171: Implement preconnect to Google fonts in themes twenty eleven, twelve, thirteen, fourteen, fifteen, sixteen

[WordPress Trac]

#37171: Implement preconnect to Google fonts in themes twenty eleven, twelve,
thirteen, fourteen, fifteen, sixteen
-----------------------------+------------------------------
 Reporter:  superpoincare    |       Owner:
     Type:  feature request  |      Status:  new
 Priority:  normal           |   Milestone:  Awaiting Review
Component:  Bundled Theme    |     Version:  trunk
 Severity:  normal           |  Resolution:
 Keywords:                   |     Focuses:  performance
-----------------------------+------------------------------

Comment (by superpoincare):

 There's a reason why it's needed.

 The google fonts css loaded via <link href="..." ...> connects to
 https://fonts.googleapis.com

 But the fonts it links to - via @fontface rules fetch the fonts from
 another domain, which is https://fonts.gstatic.com

 There's no way the browser knows this till it sees the @fontface rules.
 This information arrives only after the css is loaded and the rules
 parsed. So to fetch fonts early we have to preconnect to
 https://fonts.gstatic.com.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/37171#comment:5>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform