Downloaded 16 times
Long Life Web Performance Optimization
- 1. 心理学から考えるWebパフォーマンス Long LifeWeb PerformanceOptimization Koji Ishimoto Web Designer September 25, 2010 dotcoder session 4 October 16, 2010 WCAF Vol.4
- 2.
- 3. Web Performance isDead?
- 4. Web Performance News W3CWeb Performance WG API for Measuring Performance Boomerang.js Beyond Design
- 5. Web Performance News W3CWeb Performance WG API for Measuring Performance Boomerang.js Beyond Design
- 6. Navigation Timing Resource Timing UserTiming Web Performance News W3C Web Performance WG API for Measuring Performance Boomerang.js Beyond Design
- 7. PhilipTellis at Yahoo! WebPerformance News W3C Web Performance WG API for Measuring Performance Boomerang.js Beyond Design
- 8. PhilipTellis at Yahoo! <head> <scripttype=”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! <scriptsrc="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 W3CWeb Performance WG API for Measuring Performance Boomerang.js Beyond Design
- 11. “ Speed isthe 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.
- 13.
- 14.
- 15.
- 16. Reducing HTTP Requests CSS3 Application Cache Resource Package SPDY iPhone4をCSS3で描いてみた！ - Re:Dzine IE8 Safari
- 17. Web Metrics: Numberof Resources by Google other 4.21 Styleshhets 3.22 Scripts 7.09 Images 29.39
- 18. Reducing HTTP Requests CSS3 Application Cache Resource Package SPDY
- 19. <!DOCTYPE HTML> <html manifest="cache.manifest"> cache.manifest ----------------------------------- CACHEMANIFEST help.html style/default.css images/logo.png ----------------------------------- Reducing HTTP Requests CSS 3 Application Cache Resource Package SPDY
- 20. Reducing HTTP Requests CSS3 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 ----------------------------------- ReducingHTTP Requests CSS 3 Application Cache Resource Package SPDY
- 22. SPDY: An experimental protocol fora faster web Reducing HTTP Requests CSS 3 Application Cache Resource Package SPDY
- 23. SPDY: An experimental protocol fora faster web 多重化ストリーム リクエストの優先付け HTTPヘッダー圧縮 Reducing HTTP Requests CSS 3 Application Cache Resource Package SPDY
- 24.
- 25. The Human Doesn’tChange
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33. 20 year oldare in reality 3:03 60 year old are in reality 3:40 Perceived 3 minutes Why time flies in old age - New Scientist
- 34.
- 35. About.com, rated slowestby 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
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 45.
- 46.
- 47.
- 48. Feedback Pattern Live Preview ProgressiveRendering Progress Indication TWITTER PASSWORD CONFIGURATION
- 49. Feedback Pattern Live Preview ProgressiveRendering 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 ProgressiveRendering Progress Indication
- 53. Clear navigation Match challengeto skills Simplicity Importance Design for fun and utility Avoid cutting-edge technology Minimize animation FlowinWebDesign
- 54.
- 55.
- 56.
- 57. Long Life WebPerformance Optimization
- 58.
- 59.
- 60.