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

RWD Performant

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.4k
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
130
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.9k
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
180
Vibe Coding - AI 驅動的軟體開發
Avatar for Micky Li mickyp100
0
180
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
230
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.4k
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
180
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
770

Featured

See All Featured
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
120
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
120
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
170
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
37k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
140
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
0
56
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
430

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