How do you investigate a slow React app and identify performance bottlenecks
There are many reasons why an app might be slow. It could be due to a slow network, a slow backend, or a slow client. It could also be due to a memory...
#lazy
10개의 노트
How to lazy load components in React
You can use React's `lazy()` function in conjunction with dynamic `import()` to lazily load a component. This is often combined with `Suspense` to dis...
How Do You Investigate A Slow React App And Identify Performance Bottlenecks
There are many reasons why an app might be slow. It could be due to a slow network, a slow backend, or a slow client. It could also be due to a memory...
How To Lazy Load Components In React
You can use React's `lazy()` function in conjunction with dynamic `import()` to lazily load a component. This is often combined with `Suspense` to dis...
Compression
> Compress your JavaScript and keep an eye on your chunk sizes for optimal performance. Overly high JavaScript bundle granularity can help with dedupl...
Import-on-interaction
> tl;dr: lazy-load non-critical resources when a user interacts with UI requiring it
Import-on-visibility
Besides user interaction, we often have components that aren't visible on the initial page. A good example of this is lazy loading images that aren't ...
Loading-sequence
**Note:** This article is heavily influenced by insights from the
Third-party
> tl;dr: Third-party resources can slow down sites and can be a challenge to optimize. You can follow certain best practices to load or delay differen...
Virtual-lists
In this guide, we will discuss list virtualization (also known as