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
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
430
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.4k
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
140
CSC307 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
130
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
500
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
Avatar for Mulyu mulyu
3
290
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
140
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
110
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
Avatar for MomokoShirakawa momok47
0
200

Featured

See All Featured
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.6k
It's Worth the Effort
Avatar for 3n 3n
188
29k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.9k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
KATA
Avatar for Megan Lloyd mclloyd
PRO
34
15k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.6k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.4k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750

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