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
83

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
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
490
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.6k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
94
6.1k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
124
52k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k

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/