3 documents tagged with “React”
React is a powerful framework, but it is easy to use it to ship a slow site. Bundles that are too large, unnecessary re-renders, useEffect used as a hammer for everything, server-side rendering you never turn on. Classic mistakes that show up on nine out of ten React sites.
Under the React tag you will find articles on writing React with speed in mind: memoisation, code splitting, server components, useEffect optimisation, and other techniques.
Accelerate React: 6 Proven Tips for Optimizing Core Web Vitals
React is a popular tool for developing modern websites, but speed and interactivity are not always automatic. In this article, we present key techniques for optimizing Core Web Vitals – from hydration, through <Suspense>, to DOM handling – and show you how to use them to speed up your React projects.
INP Metric: 7 Tips for Optimization
INP isn’t the easiest metric to optimize, so we’ve selected the most common issues and solutions from our experience.
setTimeout: Optimising Long Tasks in JS
The setTimeout() method is used to optimise long tasks in JavaScript that block user interactions and degrade metrics such as Total Blocking Time (TBT) or Interaction to Next Paint (INP), a vital part of the Core Web Vitals suite.