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
90
0

SIPP2 Front-end Optimisations

Avatar for Daniel Shearmur

Daniel Shearmur

April 22, 2013

More Decks by Daniel Shearmur

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

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.9k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
450
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.6k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.5k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.9k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
1
350
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
2
3.8k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
2
3.9k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
200
Test your architecture with Archunit
Avatar for Yoan thirion
2
2.4k

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/