cssMaker

 cssMaker

A quick presentation I gave at Code4Lib MIdwest 2014 about cssMaker, a simple script for updating and concatenating CSS files that don't belong to you (and those that do).

B852b104baed98f4b7f02f5a7a75ab6b?s=128

Matthew Reidsma

July 23, 2014
Tweet

Transcript

  1. OR, WHEN DUMB IDEAS YOU GET AT LUNCH WORK OUT

    CSSMAKER: MATTHEW REIDSMA GRAND VALLEY STATE UNIVERSITY
  2. WEBPAGE SIZE http://httparchive.org/interesting.php 312K 2008

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

    2014
  4. 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

  5. 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
  6. 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
  7. 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
  8. <link rel=”stylesheet” href=”one.css” />

  9. <link rel=”stylesheet” href=”one.css” /> <link rel=”stylesheet” href=”two.css” /> <link rel=”stylesheet”

    href=”three.css” /> <link rel=”stylesheet” href=”four.css” /> <link rel=”stylesheet” href=”five.css” /> <link rel=”stylesheet” href=”six.css” />
  10. one.css two.css http://phette.net/prez/speed-feature-performance-mobile-web/files/index.html#/7

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

  12. <link rel=”stylesheet” href=”all.css” /> <head> </head>

  13. PRODUCTION SERVER

  14. PRODUCTION SERVER DEV SERVER

  15. PRODUCTION SERVER SIERRA DEV SERVER

  16. PRODUCTION SERVER ILLIAD SIERRA DEV SERVER

  17. PRODUCTION SERVER ILLIAD SIERRA DEV SERVER ARES

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

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

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

    VENDOR ARES
  21. None
  22. None
  23. CSS FILES CAN LIVE ON ANY SERVER 1

  24. CSS FILES CAN LIVE ON ANY SERVER 1 NO RUNTIME

    BUILDS; MANUAL OR CRON 2
  25. CSS FILES CAN LIVE ON ANY SERVER 1 UPDATE THROUGH

    HTTP REQUEST 3 NO RUNTIME BUILDS; MANUAL OR CRON 2
  26. CSSMAKER

  27. CSSMAKER CSS.JSON PROJECT PATH

  28. CSSMAKER CSS.JSON PROJECT PATH STYLES.CSS

  29. None
  30. github.com/gvsulib/cssMaker

  31. THANKYOU