{"id":592,"date":"2020-11-17T19:56:38","date_gmt":"2020-11-17T19:56:38","guid":{"rendered":"https:\/\/yonatankra.com\/?p=592"},"modified":"2021-08-10T16:53:37","modified_gmt":"2021-08-10T14:53:37","slug":"look-ma-my-codes-in-youtube","status":"publish","type":"post","link":"https:\/\/yonatankra.com\/look-ma-my-codes-in-youtube\/","title":{"rendered":"This is how I helped YouTube improve performance with a simple JavaScript trick"},"content":{"rendered":"\n

Google’s Material Web Components had a performance issue and I thought I could help. The results: 90% performance improvement in big lists removal. Here’s how I did it, and how you can duplicate it in your application.<\/strong><\/p>\n\n\n\n

\"\"
“Look Ma! My Code’s IN YouTube!”. Photo by Christian Wiediger<\/a> on Unsplash<\/a><\/figcaption><\/figure>\n\n\n\n

At Vonage, we are working on a unified UI library called Vivid. A core library we are using is Google’s Material Web Components library (MWC). This library enables us to enjoy best practices like Material design, accessibility and cross-browser compatibility while delivering our components fast to our organisation.<\/p>\n\n\n\n

Lately I was integrating the select box in an angular application. It went well, but after replacing one specific select box, I’ve noticed a slow in response time.<\/p>\n\n\n\n

\n

Table of Contents<\/p>\n