Those of us who consider ourselves developers, including me, are very task-oriented. We like to be **guided towards optimal results**, and we find ourselves uncomfortable when there is no clear path to follow. That is why we all want to know how to do things; we like step-by-step tutorials and how-tos. However, such guidelines are based on certain theories, deep knowledge and experience. For this reason, I will not provide you, the reader, with a structured answer to the question of how to make a website faster. Instead, I aim to provide you with the **reasons and theories for why things function in certain way**. I will use examples that are observable in the offline world and, using principles of psychology, research and analysis in psychophysics and neuroscience, I will try to answer some “Why?” questions.

How we expose web performance in iPlayer

4 Important CSS tips for faster page rendering

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

By Josh Callender and Andrew Hao

Complete List of HTML Meta Tags · GitHub

The Problem:

👉 Default Change Detection Strategy

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.

A guide to the fundamentals of React explained through five visual metaphors. From component trees to state, Maggie explains the analogies and metaphorical comparisons that helped her "get" React for the first time. React aside, this is primarily about how and why we should use visuals metaphors. Wrestling with invisible, abstract, complex concepts is part of what programming is all about. But we're often bad at succinctly and clearly communicating the overarching idea of them to other people. Visual metaphors are a powerful solution to this problem - they're perfectly designed to elegantly explain the essence of technical tools in a way pages of jargon-filled docs can't. You can find plenty more visual explanations of programming topics around egghead, and on Maggie's digital garden. If you're interested in learning more about how to illustrate and create your own visual metaphors, check out Maggie's collection of recommended courses and books

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

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

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

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.

What are LSI keywords? And how do you use them? I show you everything you need to know about LSI keywords in this super detailed post.

A list of advanced SEO techniques that you can use to get higher search engine rankings.

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.

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.