Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
13 Steps to a Faster Jekyll Website
Search
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
Share
More Decks by Ronan Berder
See All by Ronan Berder
The revolution will be collaborative
hunvreus
0
130
Getting sh*t done with Jekyll
hunvreus
0
150
Docker at devo.ps
hunvreus
7
11k
API + Static Clients
hunvreus
4
630
Doing the right thing
hunvreus
2
100
JSON all the way
hunvreus
1
3.7k
Other Decks in Technology
See All in Technology
AWS認定を取る中で感じたこと
siromi
1
170
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
lycorptech_jp
PRO
0
150
開発生産性を測る前にやるべきこと - 組織改善の実践 / Before Measuring Dev Productivity
kaonavi
0
190
ドメイン特化なCLIPモデルとデータセットの紹介
tattaka
2
570
怖くない!はじめてのClaude Code
shinya337
0
380
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
340
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.7k
なぜ私はいま、ここにいるのか? #もがく中堅デザイナー #プロダクトデザイナー
bengo4com
0
1.3k
Understanding_Thread_Tuning_for_Inference_Servers_of_Deep_Models.pdf
lycorptech_jp
PRO
0
170
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
7
5.1k
使いたいMCPサーバーはWeb APIをラップして自分で作る #QiitaBash
bengo4com
0
1.6k
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
6
2.3k
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
694
190k
BBQ
matthewcrist
89
9.7k
Music & Morning Musume
bryan
46
6.6k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Speed Design
sergeychernyshev
32
1k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
GraphQLとの向き合い方2022年版
quramy
49
14k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Transcript
How click-baity is that? 13 steps to a faster Jekyll
website
Ronan Berder Chief Janitor Officer at Wiredcraft Who’s that guy?
Loads quickly (PageSpeed Insights) Generates quickly (--profile) Fast you said?
None
Optimize your pictures For example with ImageOptim Step 1
None
Have an asset pipeline Grunt, Gulp.js… take your pick Step
2
None
CSS inlined in the header JS at the end of
the body Step 3
None
Avoid blocking CSS/JS Good example is @font-face Step 4
None
Use a CDN CloudFlare is a (free) no-brainer Step 5
None
Enable gzip & browser caching Out-of-the box with CloudFlare Step
6
Enable SSL With CloudFlare (& force redirect) Step 7
Use something Algolia For search, listings & related posts Step
8
None
Avoid Jekyll plugins e.g. Highlight.js instead of Rouge Step 9
None
Avoid loops & use variables e.g. the author loop on
each post Step 10
None
Generate only the latest post Just using --limit_posts 1 Step
11
None
Ignore stuff with “_” or _config.yml Great to handle media
separately Step 12
None
Incremental builds (--incremental) For Jekyll 3 (on GitHub pages) Step
13
None
Still not happy? Maybe check out Hugo.
Slides & notes: wiredcraft. com/blog/make-jekyll-fast