You should see the examples on the page. It&#x27;s more like<p><pre><code>  &lt;head&gt;
    &lt;style&gt;
      .blue{color:blue;}
    &lt;&#x2F;style&gt;
  &lt;&#x2F;head&gt;
</code></pre>
<i>The critical styles needed to style the above-the-fold content are inlined and applied to the document immediately. The full small.css is loaded after initial painting of the page. Its styles are applied to the page once it finishes loading, without blocking the initial render of the critical content.</i> <a href="https:&#x2F;&#x2F;developers.google.com&#x2F;speed&#x2F;docs&#x2F;insights&#x2F;OptimizeCSSDelivery#example" rel="nofollow">https:&#x2F;&#x2F;developers.google.com&#x2F;speed&#x2F;docs&#x2F;insights&#x2F;OptimizeCS...</a>