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
18k
1

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

More Decks by Ronan Berder

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

Other Decks in Technology

See All in Technology
【AG-UI × A2UI × MCP Apps】Generative UIをやさしく解説する
Avatar for NRI Netcom nrinetcom
PRO
1
120
オートロックマンションなのに、各部屋は施錠なし！？ 攻撃者が組織内ネットワークで大暴れする理由 / The Front Door Is Locked, but the Rooms Are Wide Open: Why Attackers Move Freely Inside Enterprise Networks
Avatar for NTT docomo Business nttcom
1
1.7k
ボトムアップ文化が強い組織で セキュリティをどう根付かせていくかの現在進行形の話 / Making Security Stick in a Bottom-Up Organization
Avatar for Takashi Yamaguchi yamaguchitk333
0
220
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
7
19k
Service Connect 上のサービスに ECS Service の外側から到達できなかった話
Avatar for Itaru Ota ota1022
1
230
ラジオの科学
Avatar for Frieve-A frievea
0
310
SO-101×VLAによる3色キューブのピック＆プレース
Avatar for ABEJA abeja
0
190
Forza Horizon 6 のテレメトリ機能で 自動運転に使えそうな学習データを集める話
Avatar for henjin0 henjin0
0
170
[ChatGPT Work LT]事務作業が苦手な人のための バックオフィスの「半」自動化
Avatar for chimaki chimaki_iot
0
280
まちスペース®とデジタルツインと「まちづくり」
Avatar for hiro_OGI hiro_ogi
0
110
20260608_Codexの可能性_ノンプログラマー向け_大城追記
Avatar for NobuakiOshiro doradora09
PRO
0
800
強化学習「理論」入門
Avatar for Etsuji Nakai enakai00
3
3.6k

Featured

See All Featured
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.7k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
12k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
630
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.9k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
66
57k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
12k

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