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
650
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
Claude Code のコード品質がばらつくので AI に品質保証させる仕組みを作った話 / A story about building a mechanism to have AI ensure quality, because the code quality from Claude Code was inconsistent
Avatar for nrs nrslib
13
8.4k
20260311 技術SWG活動報告（デジタルアイデンティティ人材育成推進WG Ph2 活動報告会）
Avatar for OpenID Foundation Japan oidfj
0
360
クラウド × シリコンの Mashup - AWS チップ開発で広がる AI 基盤の選択肢
Avatar for Hiroshi Tokoyo htokoyo
2
260
今のWordPress の制作手法ってなにがあんねん？(改) / What’s the Deal with WordPress Development These Days?
Avatar for tbshiki tbshiki
0
480
Tebiki Engineering Team Deck
Avatar for Tebiki, Inc. tebiki
0
27k
Zeal of the Convert: Taming Shai-Hulud with AI
Avatar for Rami McCarthy ramimac
0
120
楽しく学ぼう！ネットワーク入門
Avatar for Shota Shiratori shotashiratori
4
3.4k
【Oracle Cloud ウェビナー】【入門編】はじめてのOracle AI Data Platform - AIのためのデータ準備&自社用AIエージェントをワンストップで実現
Avatar for oracle4engineer oracle4engineer
PRO
1
150
2026年もソフトウェアサプライチェーンのリスクに立ち向かうために / Product Security Square #3
Avatar for GMO Flatt Security flatt_security
1
550
銀行の​内製開発にて​2つの​プロダクトを​１つのチームで​スクラムしてみてる​話
Avatar for koba1210 koba1210
1
130
JAWSDAYS2026_A-6_現場SEが語る 回せるセキュリティ運用～設計で可視化、AIで加速する「楽に回る」運用設計のコツ～
Avatar for s-hata shoki_hata
0
3k
社内レビューは機能しているのか
Avatar for Jun Matsuba matsuba
0
140

Featured

See All Featured
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
120
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
980
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.9k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
3
400
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
100
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
160
Designing for Performance
Avatar for Lara Hogan lara
611
70k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k

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