If you&#x27;re using Firefox or a Chrome Beta, then you can view the `rel=preconnect` resource hint in use on my site <a href="https:&#x2F;&#x2F;www.lfgss.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.lfgss.com&#x2F;</a><p>You&#x27;ll see it as a HTTP header:<p><pre><code>    link:&lt;&#x2F;&#x2F;cdnjs.cloudflare.com&gt;; rel=preconnect, &lt;&#x2F;&#x2F;www.google-analytics.com&gt;; rel=preconnect, &lt;https:&#x2F;&#x2F;login.persona.org&gt;; rel=preconnect, &lt;https:&#x2F;&#x2F;static.login.persona.org&gt;; rel=preconnect, &lt;&#x2F;&#x2F;fonts.googleapis.com&gt;; rel=preconnect, &lt;https:&#x2F;&#x2F;fonts.gstatic.com&gt;; rel=preconnect; crossorigin
</code></pre>
It made a significant difference to Google Fonts speed as well as Persona.<p>I&#x27;d definitely recommend using resource hints in your base HTML template or server controller, for the assets that you know every page will access. This is the low hanging fruit... making this super specific for each page likely won&#x27;t fit into your CMS easily.