Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

13 steps to a faster jekyll website

424 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

13 steps to a faster jekyll website

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

×