Performance

The ultimate favicon generator. Design your icons platform per platform and make them look great everywhere. Including in Google results pages.

Monster Mash is a new sketch-based modeling and animation tool that allows you to quickly sketch a character, inflate it into 3D, and promptly animate it. You can perform all interactions in the sketching plane. No 3D manipulation is required.

Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts.

Explore ways and techniques to build faster Angular apps and improve the performance of your existing Angular apps in this Angular performance blog post.

It is common to see Angular apps gradually getting slower over time. Even through Angular is a performant framework, apps will start to become slow as they grow if you are not aware of how to devel…

How we expose web performance in iPlayer

Compare coding style, bundle size and performance of 61 different ways to make a Web Component.

A JavaScript library for building user interfaces

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.