title: Stylesheets in external SVG - are they loaded from cache or twice?
body: <p>I have the following code to export an external SVG image (I can't use it inline for a number of reasons): </p>
  
  <pre><code>&lt;head&gt;
    &lt;link rel="stylesheet" href="theme.css"&gt;
  &lt;/head&gt;
  
  ...
  
  &lt;object data="image.svg" type="image/svg+xml"&gt;&lt;/object&gt;
  </code></pre>
  
  <p>The image itself: </p>
  
  <pre><code>&lt;?xml-stylesheet href="theme.css" type="text/css"?&gt;
  &lt;svg viewBox="0 0 100 100"&gt;...&lt;/svg&gt;
  </code></pre>
  
  <p>So for the image I am loading the same <code>theme.css</code> I am loading for the page to use some classes from it. It works fine, however I wonder if the page loading speed is affected by that? I checked the console and it looks like the second <code>theme.css</code> is loaded 10x times faster. Anybody can clarify how it works?</p>