Skip to content

Commit d6d7bb5

Browse files
committed
perf(css): prefetch secondary styles by layout
- Add rel=prefetch links for non-critical CSS per layout - archives: prefetch post.css - categories: prefetch category-tag.css - home: prefetch post.css, archives.css, categories.css, tags.css - post: prefetch home.css, archives.css, categories.css, tags.css - tags: prefetch category-tag.css - category/tag: prefetch post.css Rationale: improve perceived navigation speed by warming the CSS cache without blocking render.
1 parent db28b95 commit d6d7bb5

File tree

1 file changed

+12
-0
lines changed

1 file changed

+12
-0
lines changed

_includes/head.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -128,16 +128,28 @@
128128
{% case page.layout -%}
129129
{%- when "archives" -%}
130130
<link rel="stylesheet" href="{{ '/assets/css/archives.css' | relative_url }}">
131+
<link rel="prefetch" href="{{ '/assets/css/post.css' | relative_url }}">
131132
{%- when "categories" -%}
132133
<link rel="stylesheet" href="{{ '/assets/css/categories.css' | relative_url }}">
134+
<link rel="prefetch" href="{{ '/assets/css/category-tag.css' | relative_url }}">
133135
{%- when "home" -%}
134136
<link rel="stylesheet" href="{{ '/assets/css/home.css' | relative_url }}">
137+
<link rel="prefetch" href="{{ '/assets/css/post.css' | relative_url }}">
138+
<link rel="prefetch" href="{{ '/assets/css/archives.css' | relative_url }}">
139+
<link rel="prefetch" href="{{ '/assets/css/categories.css' | relative_url }}">
140+
<link rel="prefetch" href="{{ '/assets/css/tags.css' | relative_url }}">
135141
{%- when "post" -%}
136142
<link rel="stylesheet" href="{{ '/assets/css/post.css' | relative_url }}">
143+
<link rel="prefetch" href="{{ '/assets/css/home.css' | relative_url }}">
144+
<link rel="prefetch" href="{{ '/assets/css/archives.css' | relative_url }}">
145+
<link rel="prefetch" href="{{ '/assets/css/categories.css' | relative_url }}">
146+
<link rel="prefetch" href="{{ '/assets/css/tags.css' | relative_url }}">
137147
{%- when "tags" -%}
138148
<link rel="stylesheet" href="{{ '/assets/css/tags.css' | relative_url }}">
149+
<link rel="prefetch" href="{{ '/assets/css/category-tag.css' | relative_url }}">
139150
{%- when "category", "tag" -%}
140151
<link rel="stylesheet" href="{{ '/assets/css/category-tag.css' | relative_url }}">
152+
<link rel="prefetch" href="{{ '/assets/css/post.css' | relative_url }}">
141153
{% endcase %}
142154

143155
<!-- Web Font -->

0 commit comments

Comments
 (0)