A Tinder Progressive Web App Performance Case Study

Article by Addy Osmani

Tinder recently swiped right on the web. Their new responsive Progressive Web App — Tinder Online — is available to 100% of users on desktop and mobile, employing techniques for JavaScript performance optimization, Service Workers for network resilience and Push Notifications for chat engagement. Today we’ll walk through some of their web perf learnings.


Related resources

React Performance Optimization with React.memo()

In this article I will explain to you how you can optimize React performance by using React.memo, some common pitfalls you could encounter and why you shouldn't always use React.memo. [continue]

Article by Felix Gerschau

6 tips for better React performance

In this article, I will try and list out a few easy ways to achieve better performance in your React app through simple development hacks. Under no means does this mean that you need to always apply these techniques, but it's always good to know that they are there. [continue]

Article by Aggelos Arvanitakis

Code-splitting in React apps

Dynamic imports have arrived! With the new import() proposal we have got a convenient capability to load React components whenever rendered. Our mission now is to build faster web apps and deliver as less code as needed. But how? [continue]

Video Talk by Glenn Reyes

React performance tips. Make your React app fly!

React allows you to start building apps with ease, be it small and simple apps or big and complex apps. As applications evolve, it is only natural for requirements to do so as well and, in consequence, you will eventually need to boost some performance out of your app. In this article, we'll also look [continue]

Article by João Miguel Cunha