13 Steps to a Faster Jekyll Website

How to speed up your Jekyll (or GitHub pages) website in 13 easy steps.

Transcript

1. How click-baity is that? 13 steps to a faster Jekyll website
2. Ronan Berder Chief Janitor Officer at Wiredcraft Who’s that guy?
3. Loads quickly (PageSpeed Insights) Generates quickly (--profile) Fast you said?
5. Optimize your pictures For example with ImageOptim Step 1
7. Have an asset pipeline Grunt, Gulp.js… take your pick Step 2
9. CSS inlined in the header JS at the end of the body Step 3
11. Avoid blocking CSS/JS Good example is @font-face Step 4
13. Use a CDN CloudFlare is a (free) no-brainer Step 5
15. Enable gzip & browser caching Out-of-the box with CloudFlare Step 6
16. Enable SSL With CloudFlare (& force redirect) Step 7
17. Use something Algolia For search, listings & related posts Step 8
19. Avoid Jekyll plugins e.g. Highlight.js instead of Rouge Step 9
21. Avoid loops & use variables e.g. the author loop on each post Step 10
23. Generate only the latest post Just using --limit_posts 1 Step 11
25. Ignore stuff with “_” or _config.yml Great to handle media separately Step 12
27. Incremental builds (--incremental) For Jekyll 3 (on GitHub pages) Step 13
29. Still not happy? Maybe check out Hugo.
30. Slides & notes: wiredcraft. com/blog/make-jekyll-fast