13 steps to a faster jekyll website
TRANSCRIPT
![Page 1: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/1.jpg)
How click-baity is that?
13 steps to a faster Jekyll website
![Page 3: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/3.jpg)
Loads quickly (PageSpeed Insights)Generates quickly (--profile)
Fast you said?
![Page 4: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/4.jpg)
![Page 6: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/6.jpg)
![Page 7: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/7.jpg)
Have an asset pipelineGrunt, Gulp.js… take your pick
Step 2
![Page 8: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/8.jpg)
![Page 9: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/9.jpg)
CSS inlined in the headerJS at the end of the body
Step 3
![Page 10: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/10.jpg)
![Page 11: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/11.jpg)
Avoid blocking CSS/JSGood example is @font-face
Step 4
![Page 12: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/12.jpg)
![Page 13: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/13.jpg)
Use a CDNCloudFlare is a (free) no-brainer
Step 5
![Page 14: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/14.jpg)
![Page 15: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/15.jpg)
Enable gzip & browser cachingOut-of-the box with CloudFlare
Step 6
![Page 16: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/16.jpg)
Enable SSLWith CloudFlare (& force redirect)
Step 7
![Page 18: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/18.jpg)
![Page 20: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/20.jpg)
![Page 21: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/21.jpg)
Avoid loops & use variablese.g. the author loop on each post
Step 10
![Page 22: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/22.jpg)
![Page 23: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/23.jpg)
Generate only the latest postJust using --limit_posts 1
Step 11
![Page 24: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/24.jpg)
![Page 25: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/25.jpg)
Ignore stuff with “_” or _config.ymlGreat to handle media separately
Step 12
![Page 26: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/26.jpg)
![Page 27: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/27.jpg)
Incremental builds (--incremental)For Jekyll 3 (on GitHub pages)
Step 13
![Page 28: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/28.jpg)
![Page 30: 13 steps to a faster jekyll website](https://reader034.vdocument.in/reader034/viewer/2022042908/58f2b8cb1a28ab941c8b4569/html5/thumbnails/30.jpg)
Slides & notes: wiredcraft.com/blog/make-jekyll-fast