Performance

Homepage for Flame Graphs: a visualization for stack traces.

We study React applications performance from the ground up, the processes involved, the tools to measure and identify slow parts, the important metrics to take in account, how these impact the UX and the various ways there are available to make applications super fast and smooth. Grab a cup of coffee and enjoy the ride. By franleplant

The Problem:

CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.

Learn how to improve your app's performance by using GPU.js (accelerated JavaScript) to perform some complex mathematical computations.

When using the element or the Canvas API, rendering, animation, and user interaction usually happen on the main execution thread of a web application. The computation relating to canvas animations and rendering can have a significant impact on application performance.

There's so many ways to speed up your site. Don't you wish every web performance tip was in one place...

Due to their effects on performance, it's critical to understand how memory leaks in your Node.js apps occur, how to debug them, and how to prevent them.

Pure render optimized React components can be extremely performant but it requires users to treat their data as immutable for it to work…

Let’s make 2021... fast! An annual front-end performance checklist, with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.

Progressively draw any SVG line using this plugin for GSAP, a JavaScript library for high-performance HTML5 animation in all major browsers.

VisualSitemaps automatically generates high-quality visual sitemaps of any site or app, making it fast and easy to perform in-depth site audits for SEO, UX and marketing research. Simply enter a URL and get a beautiful, thumbnail-based siteflow of your entire site.

It’s not enough to optimize an application. You need to prevent performance from degradation, and the first step to do it is to make performance changes visible. In this article, Anton Nemtsev shows a couple of ways of showing them in the GitLab merge requests.

The CSS contain property gives you a way to explain your layout to the browser, so performance optimizations can be made. However, it does come with some side effects in terms of your layout.