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

13 Steps to a Faster Jekyll Website

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
Avatar for adachi.ryo rvirus0817
0
200
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
Avatar for Kazuki Miura miu_crescent
PRO
2
190
StrandsとNeptuneを使ってナレッジグラフを構築する
Avatar for やくも yakumo
1
110
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
430
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
Avatar for nihonbuson nihonbuson
PRO
2
230
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
Avatar for Serverless Operations slsops
2
240
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
Avatar for SansanTech sansantech
PRO
2
360
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
Avatar for oracle4engineer oracle4engineer
PRO
1
130
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
42k
データ民主化のための LLM 活用状況と課題紹介（IVRy の場合）
Avatar for 和田 悠佑 wxyzzz
2
700
今日から始める Amazon Bedrock AgentCore
Avatar for Har1101 har1101
4
400
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
590

Featured

See All Featured
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
99
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
200
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810

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