Upgrade to Pro — share decks privately, control downloads, hide ads and more …

13 Steps to a Faster Jekyll Website

Avatar for Ronan Berder Ronan Berder
May 05, 2016
Technology
1
18k

13 Steps to a Faster Jekyll Website

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

Avatar for Ronan Berder

Ronan Berder

May 05, 2016
Tweet

More Decks by Ronan Berder

See All by Ronan Berder
The revolution will be collaborative
Avatar for Ronan Berder hunvreus
0
140
Getting sh*t done with Jekyll
Avatar for Ronan Berder hunvreus
0
160
Docker at devo.ps
Avatar for Ronan Berder hunvreus
7
11k
API + Static Clients
Avatar for Ronan Berder hunvreus
4
640
Doing the right thing
Avatar for Ronan Berder hunvreus
2
110
JSON all the way
Avatar for Ronan Berder hunvreus
1
3.7k

Other Decks in Technology

See All in Technology
First-Principles-of-Scrum
Avatar for Kenji Hiranabe hiranabe
4
2.3k
CQRS/ESになぜアクターモデルが必要なのか
Avatar for かとじゅん j5ik2o
0
1.2k
AI Agent Agentic Workflow の可観測性 / Observability of AI Agent Agentic Workflow
Avatar for yuzujoe yuzujoe
4
2.1k
形式手法特論：コンパイラの「正しさ」は証明できるか？ #burikaigi / BuriKaigi 2026
Avatar for y_taka_23 ytaka23
17
6.3k
「アウトプット脳からユーザー価値脳へ」がそんなに簡単にできたら苦労しない #RSGT2026
Avatar for Aki / @LoveIdahoBurger aki_iinuma
11
5.6k
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.7k
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.9k
Vivre en Bitcoin : le tutoriel que votre banquier ne veut pas que vous voyiez
Avatar for Renaud Lifchitz rlifchitz
0
310
さくらのクラウドでのシークレット管理を考える/tamachi.sre#2
Avatar for FUJIWARA Shunichiro fujiwara3
1
190
「リリースファースト」の実感を届けるには 〜停滞するチームに変化を起こすアプローチ〜 #RSGT2026
Avatar for KintoTech_Dev kintotechdev
0
1.1k
旬のブリと旬の技術で楽しむ AI エージェント設計開発レシピ
Avatar for Akira Inoue chack411
1
290
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
63k

Featured

See All Featured
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.4k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
59
Crafting Experiences
Avatar for Bethany Jepchumba bethany
0
32
Abbi's Birthday
Avatar for Violet Bock coloredviolet
0
4.4k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
880
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
200
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
290
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
54
49k

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?

  4. None

  5. Optimize your pictures For example with ImageOptim Step 1

  6. None

  7. Have an asset pipeline Grunt, Gulp.js… take your pick Step

    2
  8. None

  9. CSS inlined in the header JS at the end of

    the body Step 3
  10. None

  11. Avoid blocking CSS/JS Good example is @font-face Step 4

  12. None

  13. Use a CDN CloudFlare is a (free) no-brainer Step 5

  14. None

  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
  18. None

  19. Avoid Jekyll plugins e.g. Highlight.js instead of Rouge Step 9

  20. None

  21. Avoid loops & use variables e.g. the author loop on

    each post Step 10
  22. None

  23. Generate only the latest post Just using --limit_posts 1 Step

    11
  24. None

  25. Ignore stuff with “_” or _config.yml Great to handle media

    separately Step 12
  26. None

  27. Incremental builds (--incremental) For Jekyll 3 (on GitHub pages) Step

    13
  28. None

  29. Still not happy? Maybe check out Hugo.

  30. Slides & notes: wiredcraft. com/blog/make-jekyll-fast