Keep it Static Stupid - Speaker Deck

Slide 1

Slide 1 text

KEEP IT STATIC STUPID APÉROWEB TOULOUSE #38 - @DIRTYF

Slide 2

Slide 2 text

OUR WEB HAS BECOME BLOATED WITH LETHARGIC, VULNERABLE CONTENT THAT COSTS US TIME AND MONEY. Chad Person HTTPS://BOWTIE.IO/NEWS/CMS-FOR-STATIC-HTML-WEBSITES/

Slide 3

Slide 3 text

WHY STATIC? SPEED SECURE SIMPLE CHEAPER

Slide 4

Slide 4 text

FATIGUE

Slide 5

Slide 5 text

TOM PRESTON WERNER IS A HACKER

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

GHOST.ORG

Slide 8

Slide 8 text

THE PROBLEM WITH WYSIWYG IS THAT WE ARE GIVING CONTENT CREATORS AN ANTIQUATED METAPHOR FROM THE DESKTOP PUBLISHING ERA TO COMMUNICATE TO THEM WHAT IT MEANS TO PUBLISH ON THE WEB. Karen McGrane

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

HTTP://KYLERUSH.NET/BLOG/MEET-THE-OBAMA-CAMPAIGNS-250-MILLION-FUNDRAISING-PLATFORM/ NUMBERS ▸ $250 million dollars, 4,276,463 donations ▸ 81,548,259 pageviews, 17,807,917 unique visitors ▸ 60% faster time to paint than previous platform ▸ 240 a/b tests, 49% increase in donation conversion rate ▸ 1,101 frontend deploys (average : 6 per day) ▸ 4,000 lines of JavaScript ▸ 23% of trafﬁc is mobile (including tablet)

Slide 14

Slide 14 text

HTTP://KYLERUSH.NET/BLOG/MEET-THE-OBAMA-CAMPAIGNS-250-MILLION-FUNDRAISING-PLATFORM/ WEB STACK ▸ Jekyll ▸ CDN ▸ Version control with GitHub ▸ Conversion optimization with Optimizely ▸ APIs

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

JEKYLL TRANSITIONS SMOOTHLY BETWEEN PROTOTYPING, CONTENT AUTHORING, AND DEPLOYMENT TASKS Young Hahn HTTPS://DEVELOPMENTSEED.ORG/BLOG/2011/09/09/JEKYLL-GITHUB-PAGES/

Slide 18

Slide 18 text

HTTPS://SPEAKERDECK.COM/PHILHAWKSWORTH/STATIC-SITES-GO-ALL-HOLLYWOOD

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

HTTPS://DEVELOPERS.GOOGLE.COM/WEB/FUNDAMENTALS/

Slide 24

Slide 24 text

HTTPS://WWW.GOOGLE.COM/TRENDS/2014/

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

STATIC SITES ARE ALREADY MAINSTREAM Phil Hawksworth HTTPS://SPEAKERDECK.COM/PHILHAWKSWORTH/STATIC-SITES-GO-ALL-HOLLYWOOD

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

Slide 30

Slide 30 text

CONTENT  AS A SERVICE

Slide 31

Slide 31 text

MODERN   HOSTING

Slide 32

Slide 32 text

NODE JS DYNAMIC HOSTING

Slide 33

Slide 33 text

WEB SERVICES

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

JEKYLL’S SUMMER OF CODE

Slide 36

Slide 36 text

STATIC EVENTS

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

@DIRTYF THANKS