Jump to content

User:Dan.franklin.fe/sandbox

From Wikipedia, the free encyclopedia
Addy Osmani
BornMarch 1986
NationalityIrish
Alma materSheffield Hallam University, University of Warwick
OccupationSoftware Engineer
Known forHead of Google Chrome’s Web Developer Insights division
Notable workGoogle Lighthouse, Google PageSpeed Tools, YeomanA
Websiteaddyosmani.com

Addy Osmani is a web performance expert, author and speaker who works for Google as an Engineering Manager.[1]. He is currently leading developer tooling for Google Chrome, Google’s web browser.[2][3][4]

Osmani has written books on Image Compression and JavaScript Design Patterns for O'Reilly[5] and Smashing Magazine [6], released several open source projects and given over 110 talks around the world, including keynotes at Google I/O. [7][8][9]. He has written articles for several magazines in the web development industry, including Net (magazine)[10] and Smashing Magazine[11].

Career

[edit]

Before joining Google, Addy was at AOL (America Online), driving UI engineering on advertising systems and web developer tools. Prior to AOL, he worked at image and video search company Pixsta. His earliest contributions to open-source were to projects like jQuery.[12][13][14]

Addy joined Google in 2012, and is currently the head of Google Chrome’s Web Developer Insights division, overseeing web development tools such as Google Lighthouse, Google PageSpeed Tools and the Chrome Headless browser. While at Google, he led a number of web performance initiatives to improve how quickly the web browser loads. Addy designed and implemented several of the company’s open-source web developer tooling projects. At various times,[15] he has also worked on search initiatives, such as user-experience signals for ranking (Core Web Vitals,[16] page experience),[17] and various software development tools aimed at improving user-experience on the web.[18][19][20]

He has contributed to a large range of efforts to improve how well Google Chrome loads web pages, including native[21][22][23][24] and automatic lazy-loading,[25] and recently celebrated 10 years of speed efforts in the Google Chrome browser.[26] Addy led Google’s developer tooling efforts to support measuring signals that are part of search’s page experience criteria.[27][28][29]

In 2019, Osmani announced that Chrome had collaborated with Google Fonts to give developers more control over how web typography loads, to improve performance.[30][31][32].[33].

Osmani has a history of working with websites to help improve their User experience, such as Pinterest[34], Tinder[35], Netflix[36] and eBay[37].

Software

[edit]

TodoMVC

[edit]

Osmani created TodoMVC [38] in 2011, which went on to popularize Todo applications being a canonical learning example in computer science [39][40][41]. As of January, 2021 the project has over 27,000 stars on GitHub.[42][43]

Speedometer

[edit]

TodoMVC went on to form the basis of the WebKit browser speed test Speedometer in 2013[44], used by Google Chrome, Safari, Edge and Firefox. Addy consulted on Speedometer 1.0 and led the rewrite for Speedometer 2.0 in collaboration with WebKit and other Google Chrome engineers in 2018.[45]

Yeoman and scaffolding tools

[edit]

Osmani was one of the Google engineers that created Yeoman (software) - a scaffolding tool for modern web applications written with Node.js. It offered web developers a Command-line interface for generating templates and configuration for websites and web applications. At the high of its popularity, Yeoman had over 9,400 [46] template generators for libraries like React.js and AngularJS.

He has been involved in creating a number of follow-up scaffolding tools for JavaScript developers over the years, including Google's Web Starter Kit[47] and Polymer Starter Kit[48]. In 2016, Osmani worked with webpack to add support for web performance budgets.[49]. In 2017, Osmani worked[50] with the teams in React.js, Vue.js and [[AngularJS] to add support for Progressive Web Apps to their respective Command-line interface tools.

Material Design Lite

[edit]

In 2015, Osmani announced the Material Design Lite (MDL) CSS and JavaScript library.[51][52][53][54]. The library aimed to enable adding Material Design styling to websites in a framework-agnostic way. It was a compliment to the Polymer (library), also by Google, which offered a Material Design component system focused on web applications. At the height of its popularity, Material Design Lite had 31,700 GitHub stars. It was superseded by the Material Components for the Web (MDC) project.[55]

[edit]

In 2018, Osmani created the Quicklink[56] JavaScript library for automatically prefetching links a user may need on a web page for subsequent navigations. The library used a number of heuristics to detect if the links were visible within the screen [[viewport] and only prefetched links if the user was on a fast internet connection. The library went on to be used by sites such as Syfy.

Universal Module Definition

[edit]

He has a history of contributions to JavaScript tooling, including co-creating the Universal Module Definition pattern, a variant of AMD.

[57][58][59]

Bibliography

[edit]

Addy has authored a number of software engineering books during his career. These include,

  • “Image Optimization”,[60]
  • “Learning JavaScript Design Patterns”,[61][62]
  • “Developing Backbone.js Applications”.[63][64]

He has been a contributing author to a number of Smashing Magazine books including "The Smashing Book, No. 4: New Perspectives on Web Design”. From 2010 to 2020, Addy authored a number of primary features on web development for web.dev[65] and .net magazine. In 2020, he was interviewed for the book "14 Habits Of Highly Productive Developers".[66].

Recognition

[edit]

In 2014, Osmani received the O’Reilly Web Platform Award [67][68]

In 2020, Osmani's React.js Adaptive Hooks[69] project won an Open Source Award as part of the The Most Exciting Use of Technology category.[70].

References

[edit]
  1. ^ "I am Addy Osmani, ask me anything". July 11, 2018.
  2. ^ Zetlin, Minda (November 11, 2019). "Does Your Website Load Slowly? Google Chrome May Start Punishing You With a Label Warning Users About the Wait". Inc.com.
  3. ^ Keizer, Gregg (November 12, 2019). "Google ponders shaming slow websites inside Chrome". Computerworld.
  4. ^ "Chrome experimenting with 'back/forward cache' that speeds up web browsing". February 28, 2019.
  5. ^ https://www.amazon.com/product-reviews/1449331815/ref=acr_dp_hist_5?ie=UTF8&filterByStar=five_star&reviewerType=all_reviews#reviews-filter-bar
  6. ^ https://www.smashingmagazine.com/2021/04/image-optimization-pre-release/
  7. ^ https://www.youtube.com/watch?v=aCMbSyngXB4
  8. ^ https://dev.to/addyosmani/comment/46ph
  9. ^ https://www.youtube.com/watch?v=X9eRLElSW1c
  10. ^ https://www.creativebloq.com/author/addy-osmani
  11. ^ https://www.smashingmagazine.com/author/addy-osmani/
  12. ^ McNeal, Ryan. "New Chrome Badge System Will Identify And Warn Users About Slow Websites". Forbes.
  13. ^ Cimpanu, Catalin. "Chrome and Firefox are borrowing from each other's performance features". ZDNet.
  14. ^ "Facebook devs devise Hermes to push cross-platform JavaScript to godlike speeds". www.theregister.com.
  15. ^ "Speed is now a landing page factor for Google Search and Ads | Web". Google Developers.
  16. ^ "Web Vitals". web.dev.
  17. ^ "Evaluating page experience for a better web".
  18. ^ "Want better JavaScript performance? Google's tips for stopping the programming language from slowing Chrome". TechRepublic.
  19. ^ Henshaw, Jon (August 8, 2019). "Chrome web browser now supports native lazy-loading". Marketing & Technology News.
  20. ^ "Master Developers: Addy Osmani". Code Envato Tuts+.
  21. ^ "Native image lazy-loading for the web". web.dev.
  22. ^ "New Chrome Lazy Loading Feature Coming Soon". Search Engine Journal. April 8, 2019.
  23. ^ "Addy Osmani on JavaScript, Debugging and Testing". InfoQ.
  24. ^ "Google Chrome's Native Lazy Loading iFrames May Not Be So Great For Advertising". AdMonsters. May 16, 2019.
  25. ^ "Automatically lazy-loading offscreen images & iframes for Lite mode users".
  26. ^ "10 years of Speed in Chrome".
  27. ^ Shankland, Stephen. "Chrome could get way faster at loading some websites in 2020 with a feature called bfcache". CNET.
  28. ^ "Google Chrome Set to Make Navigation to Previously Visited Pages Faster". NDTV Gadgets 360.
  29. ^ "[Update: Coming to Chrome 86] Going back and forward in Google Chrome will get a lot faster with bfcache". July 24, 2020.
  30. ^ https://www.zachleat.com/web/google-fonts-display/
  31. ^ https://www.youtube.com/watch?t=1874&v=YJGCZCaIZkQ&feature=youtu.be
  32. ^ https://scotch.io/bar-talk/google-fonts-now-supports-font-display
  33. ^ https://addyosmani.com/blog/google-fonts-font-display/
  34. ^ https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154
  35. ^ https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0/
  36. ^ https://medium.com/dev-channel/a-netflix-web-performance-case-study-c0bcde26a9d9
  37. ^ https://web.dev/shopping-for-speed-on-ebay/
  38. ^ https://todomvc.com/
  39. ^ https://hackerati.gitbook.io/react-tutorial/
  40. ^ https://dev.to/amencarini/liveview-todomvc-4jin
  41. ^ https://softwareengineering.stackexchange.com/questions/198595/web-applications-have-the-todo-list-what-analogous-program-is-there-for-syste
  42. ^ https://github.com/tastejs/todomvc
  43. ^ https://github.com/reduxjs/redux/tree/master/examples
  44. ^ https://webkit.org/blog/3395/speedometer-benchmark-for-web-app-responsiveness/
  45. ^ https://webkit.org/blog/8063/speedometer-2-0-a-benchmark-for-modern-web-app-responsiveness/
  46. ^ https://yeoman.io/generators/
  47. ^ "Google's New Web Starter Kit Is A Boilerplate For Multi-Screen Web Development".
  48. ^ "Introducing New Tools for Polymer Development - SitePoint". www.sitepoint.com.
  49. ^ https://medium.com/webpack/webpack-performance-budgets-13d4880fbf6d
  50. ^ https://css-tricks.com/production-progressive-web-apps-javascript-frameworks/
  51. ^ https://medium.com/google-developers/introducing-material-design-lite-3ce67098c031
  52. ^ https://9to5google.com/2015/07/06/material-deisgn-lite-release/
  53. ^ https://www.androidpolice.com/2015/07/13/google-releases-mdl-to-help-you-give-your-website-that-material-design-feel/
  54. ^ https://thenextweb.com/google/2015/07/06/google-unveils-material-design-lite-to-help-websites-look-more-like-android-apps/
  55. ^ https://github.com/google/material-design-lite
  56. ^ https://getquick.link/
  57. ^ "Google Releases Native Lazyload Plugin for WordPress". September 6, 2019.
  58. ^ "Google Chrome 75 to support lazy loading by default". HEXUS.
  59. ^ Events, White October. "Render - A new front-end conference from the organizers of jQuery UK". Render - A new front-end conference from the organizers of jQuery UK.
  60. ^ https://www.smashingmagazine.com/2021/04/image-optimization-pre-release/
  61. ^ https://www.amazon.com/product-reviews/1449331815/ref=acr_dp_hist_5?ie=UTF8&filterByStar=five_star&reviewerType=all_reviews#reviews-filter-bar
  62. ^ "Review: Learning JavaScript Design Patterns". www.raymondcamden.com.
  63. ^ Osmani, Addy (July 8, 2012). "Learning JavaScript Design Patterns: A JavaScript and jQuery Developer's Guide". "O'Reilly Media, Inc." – via Google Books.
  64. ^ https://www.amazon.com/product-reviews/1449328253/ref=acr_dp_hist_5?ie=UTF8&filterByStar=five_star&reviewerType=all_reviews#reviews-filter-bar
  65. ^ https://web.dev/authors/addyosmani/
  66. ^ https://14habits.com/
  67. ^ "O'Reilly Web Platform Award Winners Announced: O'Reilly Fluent Conference, March 11 - 13, 2014, San Francisco, CA". conferences.oreilly.com.
  68. ^ "Seek 10.0 (Digtial)". Issuu.
  69. ^ https://osawards.com/react/2020#
  70. ^ https://osawards.com/react/2020
[edit]

Category:Google employees Category:Alumni of the University of Warwick Category:Alumni of Sheffield Hallam University

Retrieved from "https://en.wikipedia.org/w/index.php?title=User:Dan.franklin.fe/sandbox&oldid=1154612200"