O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Predictability for the Web

7.055 visualizações

Publicada em

Presentation at the Chrome Dev Summit

Publicada em: Tecnologia
  • Dating direct: ♥♥♥ http://bit.ly/2u6xbL5 ♥♥♥
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • Dating for everyone is here: ♥♥♥ http://bit.ly/2u6xbL5 ♥♥♥
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • hey robert. just thought id pop in to say hello. hope everythings well. love you lots, krisfart :) xoxo
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui

Predictability for the Web

  1. Predictability for the Web @robertnyman @RickByers
  2. Rick & Robert
  3. Rick & Robert
  4. Rick & Robert
  5. What is Predictability? Image credits: https://www.flickr.com/photos/toddle_email_newsletters/15575925446
  6. Working cross-browser is hard Inconsistency and lack of interoperability
 Started the Predictability project 6 months ago The web has a problem
  7. Image credits: https://www.flickr.com/photos/toddle_email_newsletters/15575925446
  8. Canada & Sweden Image credits: https://commons.wikimedia.org/wiki/File:Flag_of_Canada.svg https://commons.wikimedia.org/wiki/File:Flag_of_Sweden.svg
  9. How Chrome is trying to improve predictability for developers How we work with other browsers to make this better How web developers can help improve the platform Image credits: https://www.flickr.com/photos/toddle_email_newsletters/15575925446
  10. We want the web to just work for developers
  11. Fight the platform less Reduce the need for: Browser-specific code paths Workarounds for regressions Polyfills for inconsistencies between APIs Shims that smooth over lacking interoperability
  12. Break websites less Ship no accidental regressions. Only deprecate features when we understand the cost and know it’s worth it. Be transparent about interventions, and give developers a smooth migration path. Image credits: https://www.flickr.com/photos/dullhunk/4517822872/
  13. Fail fast and obviously Decrease the number of times a developer stares at a blank screen or searches aimlessly for help. Image credits: https://www.flickr.com/photos/johnath/7356295658
  14. Data informs platform changes Tradeoffs that impact existing developers’ sites can be quantified by usage data or compat analysis tools.
  15. A more coherent platform Features that are commonly used together work well in conjunction.
  16. Remember when web development was hard?
  17. Predictability improvements
  18. Predictability Improvements Cross-browser collaboration Listening to web developers Minimizing breaking changes
  19. Cross-browser collaboration By Oregon Department of Transportation (Collaboration Uploaded by AlbertHerring) [CC BY 2.0 (http://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons
  20. Better interop Improved collaboration between engines: Specifications Bug trackers Shared test suites GitHub issues Standards meetings Twitter Conferences Mailing lists
  21. We’ve gotten better at listening to you. https://www.flickr.com/photos/paul_garland/4957441955 Listening to web developers
  22. The Web is a commons It thrives on collaboration and competition Good communication between stakeholders is critical By Daniel Schwen (Own work) [CC BY-SA 4.0 (http://creativecommons.org/licenses/by-sa/4.0)], via Wikimedia Commons
  23. Blink bugs! The best way to discuss where chromium should improve for web developers https://www.flickr.com/photos/brizzlebornandbred/12852086543
  24. Blink bugs over time 0 550 1100 1650 2200Jan 2014 Apr July O ct Jan 2015 Apr July O ct Jan 2016 Apr July O ct Opened Closed (not archived)
  25. External blink bug stats for September Total external 300 (28% of total) Triaged 93% Resolved 62% Fix landed 16%
  26. Star bugs! For the top 1% Fixed: 66%
  27. 15% of the top 60 fixed this year! • Ship MediaRecorder
 (#262211, 1822 stars)
 Encoding audio and video streams
 • Ship Pointer Events
 (#471824, 1027 stars)
 New input API that unifies mouse, touch and stylus
 • Smooth Scrolling
 (#575, 576 stars)
 Animate scrolls from keyboard / clicky mouse
 • Support for the Tifinagh language
 (#569421, 398 stars)
 Used in northern Africa
 • Don't fire click for middle button
 (#255, 190 stars)
 Replaced by new “auxclick” event
 • Support for CSS hyphens property
 (#605840, 179 stars)
 Used to enable or disable hyphenation
 • Started: Animated PNG (#437662, 884 stars)
  28. Minimizing breaking changes
  29. A recent regression: Bug 648589
  30. A recent regression: Bug 648589
  31. A recent regression: Bug 648589
  32. A recent regression: Bug 648589
  33. A recent regression: Bug 648589
  34. Aug 23 Regression introduced, goes unnoticed Chrome 54 beta released Bug filed Fix lands Verified in new beta release Sept22 Sept20 Sept15 Sept28 O ct17 Chrome 54 stable ships A recent regression: Bug 648589
  35. External blink bug stats for September All bugs Regressions Total external 300 49 Triaged 93% 100% Resolved 62% 84% Fix landed 16% 39%
  36. Deprecations Image credits: https://www.flickr.com/photos/12567713@N00/5724170380
  37. Excellent user experience vs. Composition of parts you can’t control https://www.flickr.com/photos/clonedmilkmen/3604999084
  38. Interventions • Minimally breaks existing behavior • For substantial user benefit • Should be • Predictable • Avoidable • Transparent • Justified by data
  39. Example intervention: throttled rendering • Don’t run rendering pipeline for off-screen cross-origin iframe • Shipped in Chrome 52 • Substantial power improvements • No reports of broken sites
  40. Example intervention: throttled rendering • Don’t run rendering pipeline for off-screen cross-origin iframe • Shipped in Chrome 52 • Substantial power improvements • No reports of broken sites
  41. Developer Feedback
  42. Developer Feedback Listening to developers Understanding challenges Getting information
  43. New bug wizard
  44. New bug wizard Web developer focus Direct routing to right team
  45. http://bit.ly/browserstack-demo
  46. http://bit.ly/browserstack-demo
  47. Filing a good bug or starring one that exists is the fastest way to get an issue fixed
  48. developers.google.com/web/feedback/
  49. Image credits: https://xkcd.com/979/
  50. Browser Bug Searcher
  51. Demo? Demo!
  52. Demo? Demo!
  53. developers.google.com/web/feedback/
  54. developers.google.com/web/feedback/
  55. Web Predictability breakout session Tomorrow, 4pm
  56. Take aways We’re trying to treat the web as a single platform Test on beta and file bugs Star the bugs / features you care about Visit /feedback, try the Browser Bug Searcher Get involved - this is your web!
  57. Thank you! To all you web developers making the web better
  58. Thank You! Rick Byers @RickByers Robert Nyman @robertnyman