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

RWD Performant

Avatar for Damien Van Der Windt Damien Van Der Windt
May 29, 2013
Programming
1
140

RWD Performant

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

Avatar for Damien Van Der Windt

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
Avatar for Damien Van Der Windt damienvdw
0
120

Other Decks in Programming

See All in Programming
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
Avatar for Mulyu mulyu
3
300
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
110
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
180
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
190
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
770
並行開発のためのコードレビュー
Avatar for Miyuki miyukiw
0
170
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
780
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
2.5k
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
550
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670

Featured

See All Featured
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
170
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.3k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Designing for Performance
Avatar for Lara Hogan lara
610
70k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
130
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
0
1.1k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.5k
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
380

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