Recommended
Recommended
More Related Content
What's hot
What's hot (11)
Similar to Long Life Web Performance Optimization
Similar to Long Life Web Performance Optimization (20)
More from Koji Ishimoto
More from Koji Ishimoto (16)
Long Life Web Performance Optimization
- 1. 心理学から考えるWebパフォーマンス Long LifeWeb Performance Optimization Koji Ishimoto Web Designer September 25, 2010 dotcoder session 4 October 16, 2010 WCAF Vol.4
- 3. Web Performance is Dead?
- 4. Web Performance News W3C Web Performance WG API for Measuring Performance Boomerang.js Beyond Design
- 5. Web Performance News W3C Web Performance WG API for Measuring Performance Boomerang.js Beyond Design
- 6. Navigation Timing Resource Timing User Timing Web Performance News W3C Web Performance WG API for Measuring Performance Boomerang.js Beyond Design
- 7. PhilipTellis at Yahoo! Web Performance News W3C Web Performance WG API for Measuring Performance Boomerang.js Beyond Design
- 8. PhilipTellis at Yahoo! <head> <script type=”text/javascript”> var start = (new Date).getTime(); </script> </head> <body> <script type=”text/javascript”> var pageLoad = (new Date).getTime() - start; </script> </body> Web Performance News W3C Web Performance WG API for Measuring Performance Boomerang.js Beyond Design
- 9. PhilipTellis at Yahoo! <script src="boomerang.js"></script> <script type="text/javascript"> BOOMR.init({ user_ip: "<user's ip address>", beacon_url: "/path/to/beacon.php" }); </script> Web Performance News W3C Web Performance WG API for Measuring Performance Boomerang.js Beyond Design
- 10. Web Performance News W3C Web Performance WG API for Measuring Performance Boomerang.js Beyond Design
- 11. “ Speed is the most important feature. If your application is slow, people won’t use it. I see this more with mainstream users than I do with power users. ” Fred Wilson (Union SquareVentures)
- 12. WPO常に最重要課題である
- 14. Moore’s Law
- 16. Reducing HTTP Requests CSS 3 Application Cache Resource Package SPDY iPhone4をCSS3で描いてみた！ - Re:Dzine IE8 Safari
- 17. Web Metrics: Number of Resources by Google other 4.21 Styleshhets 3.22 Scripts 7.09 Images 29.39
- 18. Reducing HTTP Requests CSS 3 Application Cache Resource Package SPDY
- 19. <!DOCTYPE HTML> <html manifest="cache.manifest"> cache.manifest ----------------------------------- CACHE MANIFEST help.html style/default.css images/logo.png ----------------------------------- Reducing HTTP Requests CSS 3 Application Cache Resource Package SPDY
- 20. Reducing HTTP Requests CSS 3 Application Cache Resource Package SPDY
- 21. <link rel="resource-package" type="application/zip" href="site-resources.zip" /> manifest.txt ----------------------------------- javascript/jquery.js styles/reset.css styles/main.css images/save.png images/info.png ----------------------------------- Reducing HTTP Requests CSS 3 Application Cache Resource Package SPDY
- 22. SPDY: An experimental protocol for a faster web Reducing HTTP Requests CSS 3 Application Cache Resource Package SPDY
- 23. SPDY: An experimental protocol for a faster web 多重化ストリーム リクエストの優先付け HTTPヘッダー圧縮 Reducing HTTP Requests CSS 3 Application Cache Resource Package SPDY
- 25. The Human Doesn’t Change
- 27. >>>
- 29. チェッカーシャドウ錯視
- 31. エビングハウス錯視
- 32. エビングハウス錯視
- 33. 20 year old are in reality 3:03 60 year old are in reality 3:40 Perceived 3 minutes Why time flies in old age - New Scientist
- 35. About.com, rated slowest by our users, was actually the fastest site (average: 8 seconds). Amazon.com, rated as one of the fastest sites by users, was really the slowest (average: 36 seconds). The Truth About Download Time
- 38. flow
- 40. 明確な目的 専念と集中 活動と意識の融合 時間感覚のゆがみ 直接的で即座な反応 能力の水準と難易度とのバランス 自分で制御している感覚 活動に本質的な価値がある Components of Flow
- 41. 明確な目的 専念と集中 活動と意識の融合 時間感覚のゆがみ 直接的で即座な反応 能力の水準と難易度とのバランス 自分で制御している感覚 活動に本質的な価値がある Components of Flow
- 43. Practice
- 45. Interface
- 47. Feedbackフィードバック
- 48. Feedback Pattern Live Preview Progressive Rendering Progress Indication TWITTER PASSWORD CONFIGURATION
- 49. Feedback Pattern Live Preview Progressive Rendering Progress Indication
- 50. Visual Header - Fast to compute Results - Slower to compute
- 51. Visual Header - Fast to compute Results - Slower to compute Time to Click ~9% faster Query refinement +2.2% Clicks overall! +0.7% Pagination! +2.3% Satisfaction! +0.7%
- 52. Feedback Pattern Live Preview Progressive Rendering Progress Indication
- 53. Clear navigation Match challenge to skills Simplicity Importance Design for fun and utility Avoid cutting-edge technology Minimize animation FlowinWebDesign
- 54. Conclusion
- 57. Long Life Web Performance Optimization