Tweet
Tweet

Slide 1

Slide 1 text

OR, WHEN DUMB IDEAS YOU GET AT LUNCH WORK OUT CSSMAKER: MATTHEW REIDSMA GRAND VALLEY STATE UNIVERSITY

Slide 2

Slide 2 text

WEBPAGE SIZE http://httparchive.org/interesting.php 312K 2008

Slide 3

Slide 3 text

WEBPAGE SIZE http://httparchive.org/interesting.php 2011 29K 2012 1269K 1700K 2013 1850K 2014

Slide 4

Slide 4 text

WEBPAGE REQUESTS http://www.websiteoptimization.com/speed/tweak/average-web-page/ http://httparchive.org/trends.php?s=All&minlabel=Nov+15+2010&maxlabel=Apr+1+2013#bytesTotal&reqTotal 50 2008

Slide 5

Slide 5 text

WEBPAGE REQUESTS http://www.websiteoptimization.com/speed/tweak/average-web-page/ http://httparchive.org/trends.php?s=All&minlabel=Nov+15+2010&maxlabel=Apr+1+2013#bytesTotal&reqTotal 50 2008 2011 86 2010 74 2012 88 2014 96

Slide 6

Slide 6 text

GOOGLE .9 30 RESULTS 10 RESULTS PAGE LOAD TIME IN SECONDS .4 2006 http://glinden.blogspot.com/2006/11/marissa-mayer-at-web-20.html

Slide 7

Slide 7 text

Half a second delay caused a 20% drop in traffic. Half a second delay killed user satisfaction. http://glinden.blogspot.com/2006/11/marissa-mayer-at-web-20.html “ Marissa Mayer

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

one.css two.css http://phette.net/prez/speed-feature-performance-mobile-web/files/index.html#/7

Slide 11

Slide 11 text

one.css two.css both.css http://phette.net/prez/speed-feature-performance-mobile-web/files/index.html#/7

Slide 12

Slide 12 text

Slide 13

Slide 13 text

PRODUCTION SERVER

Slide 14

Slide 14 text

PRODUCTION SERVER DEV SERVER

Slide 15

Slide 15 text

PRODUCTION SERVER SIERRA DEV SERVER

Slide 16

Slide 16 text

PRODUCTION SERVER ILLIAD SIERRA DEV SERVER

Slide 17

Slide 17 text

PRODUCTION SERVER ILLIAD SIERRA DEV SERVER ARES

Slide 18

Slide 18 text

GVSU.EDU PRODUCTION SERVER ILLIAD SIERRA DEV SERVER ARES

Slide 19

Slide 19 text

GVSU.EDU PRODUCTION SERVER ILLIAD SIERRA DEV SERVER VENDOR ARES

Slide 20

Slide 20 text

GVSU.EDU PRODUCTION SERVER ILLIAD SIERRA DEV SERVER VENDOR VENDOR VENDOR VENDOR ARES

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

CSS FILES CAN LIVE ON ANY SERVER 1

Slide 24

Slide 24 text

CSS FILES CAN LIVE ON ANY SERVER 1 NO RUNTIME BUILDS; MANUAL OR CRON 2

Slide 25

Slide 25 text

CSS FILES CAN LIVE ON ANY SERVER 1 UPDATE THROUGH HTTP REQUEST 3 NO RUNTIME BUILDS; MANUAL OR CRON 2

Slide 26

Slide 26 text

CSSMAKER

Slide 27

Slide 27 text

CSSMAKER CSS.JSON PROJECT PATH

Slide 28

Slide 28 text

CSSMAKER CSS.JSON PROJECT PATH STYLES.CSS

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

github.com/gvsulib/cssMaker

Slide 31

Slide 31 text

THANKYOU