diff --git a/layout/common/head.jsx b/layout/common/head.jsx
index abf343b..cb5e7ef 100644
--- a/layout/common/head.jsx
+++ b/layout/common/head.jsx
@@ -165,10 +165,10 @@ module.exports = class extends Component {
             {canonical_url ? <link rel="canonical" href={canonical_url} /> : null}
             {rss ? <link rel="alternate" href={url_for(rss)} title={config.title} type="application/atom+xml" /> : null}
             {favicon ? <link rel="icon" href={url_for(favicon)} /> : null}
-            <link rel="preload" as="style" href={iconcdn()} />
+            <link rel="preload" as="style" onload="this.rel='stylesheet'" href={iconcdn()} />
             {hlTheme ? <link rel="preload" as="script" onload="var script = document.createElement('script'); script.src = this.href; document.body.appendChild(script);" href={cdn('highlight.js', '9.12.0', 'styles/' + hlTheme + '.css')} /> : null}
             <link rel="preload" as="style" onload="this.rel='stylesheet'" href={fontCssUrl[variant]} />
-            <link rel="stylesheet" href={url_for('/css/' + variant + '.css')} />
+            <link rel="preload" as="style" onload="this.rel='stylesheet'" href={url_for('/css/' + variant + '.css')} />
             <Plugins site={site} config={config} helper={helper} page={page} head={true} />
 
             {adsenseClientId ? <script data-ad-client={adsenseClientId}