Tag:performance

All the articles with the tag "performance".

• How To Improve INP: React⚛️

  Posted on: Dec 2, 2024

  All-in-one guide for improving Interaction-to-Next-Paint (INP) Core Web Vital in React applications. Introduces the useAfterPaintEffect hook.

• How To Improve INP: Yield Patterns

  Posted on: Jul 11, 2024

  Detailed insights into patterns like await-interaction-response, yieldToMain, yieldUnlessUrgent & tips for faster Interaction-to-Next-Paint (INP).

• The modern way of serving images

  Posted on: Jan 25, 2023

  Technical in-depth guide for the <picture> & <img> srcset and sizes attributes to create responsive & performant images.

• Fastest Way of Passing State to JavaScript, Re-visited

  Posted on: Dec 8, 2023

  Re-visitting the most performant way of passing state to JavaScript. Contains microbenchmarks and a DevTools challenge.

• Breaking Up with SVG-in-JS in 2023

  Posted on: Jun 30, 2023

  Technical deep-dive on why you shouldn't have SVGs in your JS bundle and better techniques for JSX usage.