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

13 Steps to a Faster Jekyll Website

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
150
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
Claude Codeとハーネスについて考えてみる
Avatar for Oikon oikon48
16
7k
『AIに負けない』より『AIと遊ぶ』」〜ワクワクが最強のテスト・QA学習戦略_公開用
Avatar for odan tomohiro odan611
1
370
Hatena Engineer Seminar 37 jj1uzh
Avatar for jj1uzh jj1uzh
0
420
製造現場での生成AIの活用、およびエージェントAIの実装のあり方、AVEVAの取り組み
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
220
AI時代のエンジニアキャリアについて今一度考える
Avatar for Sakamoto sakamoto_582
1
950
AI駆動開発におけるQAエンジニアの役割事例 〜AI駆動開発の現場から〜
Avatar for Yorimitsu Kobayashi kobayashiyorimitsu
0
290
Text-to-SQLをAgentCoreで実現し、生成されるSQLの精度を定量的に評価する
Avatar for やくも yakumo
2
470
AIDLC_ヤフーショッピングの取り組み
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
510
知見・人・API・DB・予算 ─ ナイナイ尽くしだった人事データ整備 with dbt、5年間の学び
Avatar for ken ken6377
1
140
記録をかんたんに、提案をパーソナルに ── AIであすけんが目指すもの
Avatar for oprst oprstchn
0
130
【FinOps】データドリブンな意思決定を目指して
Avatar for kaita z63d
3
590
「軸足」は 固定しなくていい - 熱量と強みで描く、しなやかなキャリアの形
Avatar for KAKEHASHI kakehashi
PRO
1
330

Featured

See All Featured
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
200
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
630
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
430
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
760
Design in an AI World
Avatar for tapps tapps
1
260
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
201
75k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
430
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
160
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.3k

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