+
+
+ Made with Wagtail
+
+
+
+ Springload
+
+
+```
+
+
+
+
+---
+layout: cover
+background: /website-homepage.png
+---
+
+# An example
+
+---
+layout: image
+image: /website-posts.png
+---
+
+---
+layout: none
+---
+
+````md magic-move
+```html
+{% load wagtailcore_tags util_tags %}
+
+
+
+
+ {% if page.list_image_url %}
+
+ 
+
+ {% endif %}
+
+
+
+ {% if breadcrumbs %}
+ {% include "common/breadcrumbs.html" with parents=page.get_parent_pages %}
+ {% endif %}
+
+ {% include "common/content-details.html" %}
+
{{ page.summary }}
+
+
+
+```
+
+```html {all|1|3,27|4-26|all}
+{% load wagtailcore_tags wagtail_cache util_tags %}
+
+{% wagtailpagecache FRAGMENT_CACHE_TTL "listing-item" breadcrumbs show_listing_images %}
+
+
+
+ {% if page.list_image_url %}
+
+
+
+ {% endif %}
+
+
+
+ {% if breadcrumbs %}
+ {% include "common/breadcrumbs.html" with parents=page.get_parent_pages %}
+ {% endif %}
+
+ {% include "common/content-details.html" %}
+
{{ page.summary }}
+
+
+
+{% endwagtailpagecache %}
+```
+````
+
+
+
+
+---
+layout: cover
+background: /website-search.png
+---
+
+# Duplication
+
+---
+layout: center
+---
+
+```html {3}
+
+ {% for page in listing_pages %}
+ {% include "common/listing-item.html" %}
+ {% endfor %}
+
+```
+
+
+
+---
+layout: image
+image: /website-search.png
+---
+
+---
+
+# Cache invalidation
+
+
+
+```python
+>>> BlogPostPage.objects.first().cache_key
+```
+
+
+
+
+
+```python
+@property
+def cache_key(self) -> str:
+ """
+ A generic cache key to identify a page in its current state.
+ Should the page change, so will the key.
+
+ Customizations to the cache key should be made in :attr:`get_cache_key_components`.
+ """
+ ...
+```
+
+
+
+
+
+---
+layout: center
+---
+
+# What about Django?
+
+```jinja
+{% load cache %}
+{% cache 500 sidebar request.user.username %}
+ .. sidebar for logged in user ..
+{% endcache %}
+```
+
+
+
+- Current page
+- Current site
+- Preview
+- Cache invalidation
+
+
+
+
+
+
+---
+layout: section
+---
+
+## 2:
+# Frontend Caching
+