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
17k

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
130
Getting sh*t done with Jekyll
Avatar for Ronan Berder hunvreus
0
150
Docker at devo.ps
Avatar for Ronan Berder hunvreus
7
11k
API + Static Clients
Avatar for Ronan Berder hunvreus
4
620
Doing the right thing
Avatar for Ronan Berder hunvreus
2
100
JSON all the way
Avatar for Ronan Berder hunvreus
1
3.7k

Other Decks in Technology

See All in Technology
堅牢な認証基盤の実現 TypeScriptで代数的データ型を活用する
Avatar for KAKEHASHI kakehashi
PRO
1
190
Contract One Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
6.3k
Test Smarter, Not Harder: Achieving Confidence in Complex Distributed Systems
Avatar for Elias Nogueira eliasnogueira
1
150
データ戦略部門 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.2k
20250612_GitHubを使いこなすためにソニーの開発現場が取り組んでいるプラクティス.pdf
Avatar for Yasuhiro Osaki osakiy8
1
550
Tenstorrent 開発者プログラム
Avatar for Tenstorrent Japan tenstorrent_japan
0
290
エンジニア採用から始まる技術広報と組織づくり/202506lt
Avatar for Ichiro Nishiuma nishiuma
8
1.5k
AWS Lambdaでサーバレス設計を学ぼう_ベンダーロックインの懸念を超えて-サーバレスの真価を探る
Avatar for ふくちーぬ（Takaya Fukuchi） fukuchiiinu
4
960
技術職じゃない私がVibe Codingで感じた、AGIが身近になる未来
Avatar for ayane blueb
0
120
Web Intelligence and Visual Media Analytics
Avatar for webLyzard technology weblyzard
PRO
1
6.1k
脅威をモデリングしてMCPのセキュリティ対策を考えよう
Avatar for GMO Flatt Security flatt_security
4
1.1k
AIエージェントのフレームワークを見るときの個人的注目ポイント
Avatar for os1ma os1ma
1
480

Featured

See All Featured
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
56
9.4k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
620
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
106
19k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
85
4.7k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
22
3.5k
KATA
Avatar for Megan Lloyd mclloyd
29
14k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k

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