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

13 Steps to a Faster Jekyll Website

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.

Ronan Berder

May 05, 2016
Tweet

More Decks by Ronan Berder

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

Other Decks in Technology

See All in Technology
2024年活動報告会（人材育成推進WG・ビジネスサブWG） / 20250114-OIDF-J-EduWG-BizSWG
oidfj
0
240
iPadOS18でフローティングタブバーを解除してみた
sansantech
PRO
1
150
30分でわかる「リスクから学ぶKubernetesコンテナセキュリティ」/30min-k8s-container-sec
mochizuki875
3
450
20250116_自部署内でAmazon Nova体験会をやってみた話
riz3f7
1
100
Reactフレームワークプロダクトを
モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
130
GoogleのAIエージェント論 Authors: Julia Wiesinger, Patrick Marlow and Vladimir Vuskovic
customercloud
PRO
0
160
自社 200 記事を元に整理した読みやすいテックブログを書くための Tips 集
masakihirose
2
340
「人物ごとのアルバム」の精度改善の軌跡／Improving accuracy of albums by person
mixi_engineers
PRO
1
110
RubyでKubernetesプログラミング
sat
PRO
4
160
Alignment and Autonomy in Cybozu - 300人の開発組織でアラインメントと自律性を両立させるアジャイルな組織運営 / RSGT2025
ama_ch
1
2.4k
embedパッケージを深掘りする / Deep Dive into embed Package in Go
task4233
1
220
dbtを中心にして組織のアジリティとガバナンスのトレードオンを考えてみた
gappy50
0
300

Featured

See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.1k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Being A Developer After 40
akosma
89
590k
How GitHub (no longer) Works
holman
312
140k
Designing for Performance
lara
604
68k
Designing Experiences People Love
moore
139
23k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
How STYLIGHT went responsive
nonsquared
96
5.3k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
The Pragmatic Product Professional
lauravandoore
32
6.4k

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