Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Fluent Conf 2013 Summary

Avatar for Guille Paz Guille Paz
July 27, 2013
Technology
0
110

Fluent Conf 2013 Summary

Progressive Enhancement and History API on Twitter.

Avatar for Guille Paz

Guille Paz

July 27, 2013
Tweet

More Decks by Guille Paz

See All by Guille Paz
The Road to Node
Avatar for Guille Paz pazguille
0
240
No me robes el Scroll!
Avatar for Guille Paz pazguille
0
250
User First
Avatar for Guille Paz pazguille
1
200
#OfflineFirst
Avatar for Guille Paz pazguille
3
5.9k
ES6 in Production
Avatar for Guille Paz pazguille
10
3.2k
No me hagas esperar!
Avatar for Guille Paz pazguille
1
170
CSS Sprites vs. Data URIs
Avatar for Guille Paz pazguille
0
440
Hello, Style Guides!
Avatar for Guille Paz pazguille
0
270
Decoupling your JavaScript
Avatar for Guille Paz pazguille
0
180

Other Decks in Technology

See All in Technology
【U/day Tokyo 2025】Cygames流 最新スマートフォンゲームの技術設計 〜『Shadowverse: Worlds Beyond』におけるアーキテクチャ再設計の挑戦～
Avatar for Cygames cygames
PRO
2
740
ハッカソンから社内プロダクトへ AIエージェント「ko☆shi」開発で学んだ4つの重要要素
Avatar for そのだ sonoda_mj
4
260
多様なデジタルアイデンティティを攻撃からどうやって守るのか / 20251212
Avatar for Ayokura ayokura
0
490
AIの長期記憶と短期記憶の違いについてAgentCoreを例に深掘ってみた
Avatar for やくも yakumo
4
450
2025-12-18_AI駆動開発推進プロジェクト運営について / AIDD-Promotion project management
Avatar for yayoi_dd yayoi_dd
0
110
Reinforcement Fine-tuning 基礎〜実践まで
Avatar for Morita ch6noota
0
190
AI-DLCを現場にインストールしてみた：プロトタイプ開発で分かったこと･やめたこと
Avatar for Recruit recruitengineers
PRO
2
160
20251218_AIを活用した開発生産性向上の全社的な取り組みの進め方について / How to proceed with company-wide initiatives to improve development productivity using AI
Avatar for yayoi_dd yayoi_dd
0
140
Strands Agents × インタリーブ思考 で変わるAIエージェント設計 / Strands Agents x Interleaved Thinking AI Agents
Avatar for Takanori Suzuki takanorig
3
370
.NET 10の概要
Avatar for tomokusaba tomokusaba
0
120
初めてのDatabricks AI/BI Genie
Avatar for Takaaki Yayoi taka_aki
0
210
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
430

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.3k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
0
70
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
47
33k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
710
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k

Transcript

  1. Summary

  2. None
  3. None
  4. None

  5. Thanks!

  6. Experiences along the time

  7. What happened in 2010?

  8. None
  9. None

  10. CORE functionality

  11. User should be able to navigate between section of the

    site

  12. Navigation between sections should be fast

  13. URLs should be accessible regardless of the client’s abilities

  14. Make page navigation easier and faster

  15. Render runs on Server and Client

  16. Routing model on the Client (mustache)

  17. Strong relationship between a URL and its content

  18. #Hash Navigation (hashbang)

  19. None

  20. JavaScript is the core technology

  21. 2011

  22. Optimizations available only on the Server

  23. Multiples URLs

  24. None

  25. Multiples Requests

  26. Bad page-load performance

  27. 2012

  28. Moving the rendering to the Server

  29. No more #!

  30. Just one URL

  31. Load only what we need

  32. 2013

  33. Speed up navigation between pages

  34. One view, two types of requests

  35. Server

  36. None

  37. Client

  38. History API

  39. None
  40. None
  41. None
  42. None

  43. Hijax

  44. Be like water

  45. The End

  46. Questions