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

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
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
272
21k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
2.9k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k

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/