Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

RWD Performant

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

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

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
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
Avatar for teyamagu teyamagu
PRO
1
1k
Compiling a real-world CLI tool to native with Static Hermes
Avatar for Tzvetan Mikov tmikov2023
0
120
全ての永続トークンを、生まれる前に消し去りたい！
Avatar for sylph01 sylph01
2
890
【加筆修正版】Laravel のアプリケーションをどこにデプロイするか #phpcon_ehime
Avatar for akase244 akase244
0
150
カツオ、ご期待ください
Avatar for saku_totomi suneo3476
0
190
HTML-in-Canvasで作る未来のWeb UI表現
Avatar for IKEDA Yasunobu clockmaker
5
5.1k
contenteditable と日本語入力に向き合う
Avatar for taki colorful12
0
200
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
Avatar for y-ohgi y0hgi
0
280
見えないものを探る要求要件定義に必要な基本的思考 / invisible-requirement-thinking
Avatar for MinoDriven minodriven
15
8.5k
半永久的に提供し続けられるプライベートクラウドを目指して ― 利用者の認知負荷を抑えるAPI抽象化とハードウェア世代交代の基盤設計
Avatar for Tomofumi Kondo tomokon
0
500
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
Avatar for kinopee kinopeee
28
32k
npm との違いを手がかりにGo の依存管理を理解したい
Avatar for OPTiM optim
0
340

Featured

See All Featured
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.9k
HDC tutorial
Avatar for Michiel Stock michielstock
2
960
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
12k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
7k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.2k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
300
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.6k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
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