Gil Eckstein
I'm a Performance Architect @ Wix Viewer. For the last 7 years, I’ve been a part of building the application that renders Wix websites With over 10 years of experience in software development, I started my career in networking and Linux but was always passionate about web development. In the last 3 years, I have been a part of the performance team, where we improve the performance of Wix websites, and make sure Wix websites are the fastest in the world. In my free time, you can find me working out at the park, playing basketball, and also working and maintaining my own NBA website.
Scaling React Performance: From Basic to Advanced Code-Splitting Techniques
React Advanced Conference 2024
Upcoming
Scaling React Performance: From Basic to Advanced Code-Splitting Techniques
In this talk, we'll dive into Wix's journey towards achieving unmatched web performance through advanced code-splitting techniques in React, tackling the significant challenges posed by large JavaScript bundles and excessive main thread usage.
As Wix's application expanded, facing increased complexity and demand, traditional performance optimization methods fell short. This presentation will trace the evolution from basic dynamic imports to sophisticated strategies like React component splitting, server-side logic separation, and the adoption of modern techniques including SSR, Suspense, and React server components. Emphasizing the necessity for scalable solutions in large-scale applications, we will also discuss the implementation of the Inversion of Control (IOC) pattern for efficient feature loading.
Importantly, for each solution, I will provide code examples of both the issue and the solution, suitable for both beginners and advanced React developers.
This story not only showcases our significant performance improvement but also highlights the importance of evolving optimization strategies to align with the scale of the application, offering insights into transitioning from simple fixes to advanced, robust solutions for enhancing web application performance in React.
As Wix's application expanded, facing increased complexity and demand, traditional performance optimization methods fell short. This presentation will trace the evolution from basic dynamic imports to sophisticated strategies like React component splitting, server-side logic separation, and the adoption of modern techniques including SSR, Suspense, and React server components. Emphasizing the necessity for scalable solutions in large-scale applications, we will also discuss the implementation of the Inversion of Control (IOC) pattern for efficient feature loading.
Importantly, for each solution, I will provide code examples of both the issue and the solution, suitable for both beginners and advanced React developers.
This story not only showcases our significant performance improvement but also highlights the importance of evolving optimization strategies to align with the scale of the application, offering insights into transitioning from simple fixes to advanced, robust solutions for enhancing web application performance in React.
Winning the Performance RaceWatch video: Winning the Performance Race
Winning the Performance Race
Over the past two years, we’ve dramatically improved Wix Website performance, beating all of our competitors in Core Web Vitals. This project was a company-wide effort to finally solve the number one user complaint in the company – live site performance.
In this talk, I will take a deep dive into the design changes that were implemented to achieve this significant improvement, and explain why and how those solutions could be applied in any web application to achieve similar results.
In this talk, I will take a deep dive into the design changes that were implemented to achieve this significant improvement, and explain why and how those solutions could be applied in any web application to achieve similar results.