diff --git a/_config.yml b/_config.yml
index 8299ac4..f9ebb71 100644
--- a/_config.yml
+++ b/_config.yml
@@ -336,7 +336,7 @@ calendar:
 # See: https://theme-next.js.org/docs/theme-settings/miscellaneous
 # ---------------------------------------------------------------
 
-# Preconnect CDN for fonts and plugins.
+# Preload styles and preconnect CDN for fonts and plugins.
 # For more information: https://www.w3.org/TR/resource-hints/#preconnect
 preconnect: false
 
diff --git a/layout/_partials/head/head.njk b/layout/_partials/head/head.njk
index e85686b..fabf711 100644
--- a/layout/_partials/head/head.njk
+++ b/layout/_partials/head/head.njk
@@ -10,6 +10,9 @@
   {{- meta_generator() }}
 {%- endif %}
 
+{%- if config.preconnect %}
+  <link rel="preload" href="{{ url_for(theme.css) }}/main.css" as="style">
+{%- endif %}
 {{ next_pre() }}
 
 {%- if theme.favicon.apple_touch_icon %}