How Netflix dramatically improved their front end performance by switching to vanilla JS
Addy Osmani detailed how Netflix dramatically improved the performance of their site by switching from React to vanilla JS on the front end.
- Loading and Time-to-Interactive decreased by 50% (for the logged-out desktop homepage at Netflix.com)
Netflix didn’t completely ditch React. They still use it on the server to create their initial HTML.
But they did get rid of it in the browser, were it was crippling front end performance.
I think that’s a great approach. React as a server-side templating engine. Vanilla JS for interaction and DOM manipulation in the browser.
300kb of JS! Yikes!
Regardless, it’s great to see a big company like Netflix making the jump to vanilla JS. To dig into the nitty gritty of how they did it, go read Addy’s article.