A Jekyll plugin to cache the rendering of Liquid includes
If you have a computationally expensive include (such as a sidebar or navigation), Jekyll Include Cache renders the include once, and then reuses the output any time that includes is called with the same arguments, potentially speeding up your site's build significantly.
Add the following to your site's Gemfile:
gem 'jekyll-include-cache'
Add the following to your site's config file:
plugins:
- jekyll-include-cache
💡 If you are using a Jekyll version less than 3.5.0, use the gems
key instead of plugins
.
Replace {% include foo.html %}
in your template with {% include_cached foo.html %}
For Jekyll Include Cache to work, you cannot rely on the page context to pass variables to your include (e.g., assign foo=bar
or page.title
). Instead, you must explicitly pass all variables to the include as arguments, and reference them within the include as include.foo
(instead of page.foo
or just foo
).
In your template:
{% include_cached shirt.html size=medium color=red %}
In your include:
Buy our {{ include.color }} shirt in {{ include.size }}!
In your template:
{% assign color=blue %}
{% include_cached shirt.html %}
In your include:
Buy our {{ color }} shirt in {{ page.size }}!