Long Life Web Performance Optimization
?
2 likes?3,645 views
Convert to study guideBETA
Transform any presentation into a summarized study guide, highlighting the most important points and key insights.
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=/slideshow/long-life-web-performance-optimization/5860661/"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. 奥笔翱常に最重要课题である
- 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 ?ies 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. 贵别别诲产补肠办フィードバック
- 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