EN / День 1 / 12:00 / Зал 2

Rendering your app on the client is expensive. Quite expensive if you’re using a library such as React. Applying a Server-Side Rendering strategy was the best solution to improve metrics like First Contentful Paint, and enhance the support for crawlers. Until now.

How can we improve the user experience in terms of performance while keeping the best support for crawlers? How can we mitigate the hydration cost? How to definitely improve our Time-To-Interactive metric of our React application? In this talk, we will share some of the techniques we have been using in Adevinta as well as our insights after applying them during months in production. We will explore what Dynamic Rendering and Progressive Rendering are, their benefits over the performance, the limitations of each one and how to implement them.

Комментарий программного комитета:

Испанский блогер, подкастер и тренер на Udemy поделится опытом оптимизации рендеринга React. Думаете, что рендеринг в React ограничивается VirtualDOM? Подумайте еще раз — вы можете использовать разные стратегии рендеринга, каждая из которых имеет свои достоинства и недостатки. И это работает не только с React. Речь пойдет про принципы, которые можно применять в других фреймворках.

Посмотреть презентацию.

Miguel Angel Duran Garcia

Miguel works as Enabler frontend at Adevinta, a marketplace specialist based in Barcelona, Spain. He accelerates teams by defining a common platform, building cross tools, sharing best practices and helping to solve meaningful problems. He is passionate about performance and is always looking for solutions through technology to offer the best experience to users.