$30 off During Our Annual Pro Sale. View Details »

SIPP2 Front-end Optimisations

Avatar for Daniel Shearmur Daniel Shearmur
April 22, 2013
0
84

SIPP2 Front-end Optimisations

Avatar for Daniel Shearmur

Daniel Shearmur

April 22, 2013
Tweet

More Decks by Daniel Shearmur

See All by Daniel Shearmur
Front-end Workshop
Avatar for Daniel Shearmur danshearmur
0
130
CoffeeScript and Less
Avatar for Daniel Shearmur danshearmur
1
120

Featured

See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.1k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.3k

Transcript

  1. SIPP2 Front-end Optimisations

  2. and lower

  3. Conditional classes

  4. X-UA-Compatible: IE=edge,chrome=1

  5. CORS Cross-origin resource sharing

  6. gzip

  7. Caching Cache-Control: max-age=xxxx Expires: Sat, 18 Jan 2014 20:40:48 GMT

  8. ETags

  9. Cache Busting

  10. Sub domain for static assets http://www.example.com http://static.example.com

  11. Minification YUI compressor htmlcompressor

  12. /static/js/script.coffee /static/js/script.coffee.js

  13. /static/css/style.less /static/css/style.less.css

  14. None

  15. Magic includes //#include <jquery/jquery.js> /* the rest of your code

    */

  16. JavaScript distributed through maven http://gitlab.semantico.net/javascript_libs/