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

RWD Performant

Damien Van Der Windt
May 29, 2013
Programming
1
130

RWD Performant

Trucs et considérations pour rendre un site web responsive plus performant.

Damien Van Der Windt

May 29, 2013
Tweet

More Decks by Damien Van Der Windt

See All by Damien Van Der Windt
JAMStack, le comeback du web statique
damienvdw
0
110

Other Decks in Programming

See All in Programming
Git Rebase
bkuhlmann
11
1.6k
Sheets API使ってみた
toshi0383
2
150
はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts
mizdra
7
960
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
170
Going beyond Apache Parquet's default settings
xhochy
0
120
Exploring the Implementation of “t.Run”, “t.Parallel”, and “t.Cleanup”
akarin
1
100
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
19k
Fast JSX: Don't clone props object #28768
yossydev
1
150
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
120
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
380
Elm Form Validation
bkuhlmann
0
510
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
1k

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
18
1.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
33
6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
What’s in a name? Adding method to the madness
productmarketing
PRO
17
2.7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
11
1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
242
1.2M
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
26
2.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
228
130k
GitHub's CSS Performance
jonrohan
1025
450k
Designing for humans not robots
tammielis
248
25k
Web Components: a chance to create the future
zenorocha
306
41k

Transcript

  1. None
  2. None
  3. None
  4. None
  5. None
  6. None

  7. bit.ly/RWDPerf01

  8. None
  9. None

  10. bit.ly/RWDPerf02

  11. bit.ly/RWDPerf03

  12. None
  13. None

  14. bit.ly/RWDPerf04

  15. None
  16. None
  17. None

  18. JQUERY

  19. PLUGIN

  20. SOCIAL PLUGIN

  21. MINIFIER LES ASSETS

  22. CONCATÉNER LES ASSETS

  23. GZIP

  24. OPTIMISER LES IMAGES

  25. None

  26. RWD ?

  27. None
  28. None

  29. CODEZ MOBILE FIRST

  30. CHARGEMENT ASYNCHRONE

  31. None

  32. LES IMAGES

  33. bit.ly/RWDPerf05

  34. DISPLAY:NONE

  35. BACKGROUND IMAGE

  36. BODY{ BACKGROUND: URL(../IMG/SMALL.PNG) REPEAT; } @MEDIA SCREEN AND (MIN-WIDTH: 640PX)

    { BODY{ BACKGROUND: URL(../IMG/BIG.PNG) REPEAT; } }

  37. SVG

  38. FONT-ICONS ICOMOON

  39. None
  40. None

  41. EN RÉSUMÉ

  42. - DE REQUÊTES

  43. - DE POIDS

  44. + DE RÉFLEXIONS

  45. MERCI