13 steps to a faster jekyll website
Download as PPTX, PDF0 likes92 views
The document provides 13 steps to make a Jekyll website load faster, including optimizing images, using an asset pipeline, inlining CSS in the header and JS at the end of the body, avoiding blocking CSS/JS, using a CDN, enabling gzip and caching, using SSL, avoiding plugins and loops, generating only the latest post, ignoring files with underscores, using incremental builds, and considering Hugo if Jekyll is still not fast enough.
13 steps to a faster jekyll website
- 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.