Performance

How Glossier got serious about measuring web performance; enabling us to reduce latency by 31% in 2020.

Javascript used to be made fun of all the time because it was the slowest kid in gym class. And it could only have one thread. But this only motivated JS even more! This is that story....

Understand how your Performance Score is going to change with Lighthouse 6 release.

TL;DR I built some Chrome Extensions that show you vital metrics for sites as you browse the Web. Here I discuss the current metrics of choice, the extensions, and finish with some magic. It sure i…

Easily calculate the frustration levels of your website using any WPT result page.

Workbox is a set of service worker libraries that making build progressive web apps easy.

In this article, we’ll look at the pain points of users who are browsing old non-PWA websites and th...

Pinterest has built a rather clever image loading technique that utilizes the dominant color of an i...

This post explains how Medium renders an image placeholder using low-res thumbnails and canvas

sqip - "SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP ...

'use strict';function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError...

How do I get stats JSON from webpack?webpack --json > stats.jsonIf you're customizing your stats out...

Analyze and debug space usage through source maps. Contribute to danvk/source-map-explorer development by creating an account on GitHub.

As web developers, we know how easy it is to end up with web page bloat. But loading a webpage is mu...

A performance checklist with all the obscure issues you might need to consider in 2017 to ensure tha...

postcss-resemble-image - Provide a gradient fallback for an image that loosely resembles the origina...

In the past few years, I have been spoilt with high-speed broadband that makes browsing the web a stress-free task. But realistically, not everyone has fibre optic, and a lot of people consume web...

One underestimated aspect of a great UX is providing precisely the right content at precisely the ri...

A practical step-by-step guide

Infinite scrollers are a common UI pattern. Here we explore how to implement this pattern in a memor...

It’s no secret that I have reservations about Google’s AMP project in its current form. I do want to...

1. IntroductionWith the increasing importance of mobile, Web site performance and pleasant mobile us...

bluebird - :bird: :zap: Bluebird is a full featured promise library with unmatched performance.

Responsive images markup can become pretty ugly pretty quickly. Here's a technique and strategy for ...

It is very important to stay up to date with what is happening in the web performance industry, so w...

awesome-wpo - :pencil: A curated list of Web Performance Optimization. Everyone can contribute here!

If you're looking for more resources around selling performance, we recommend the following resource...

Script-injected scripts block on CSS and delay script execution. Their era has passed, and we now ha...

RAIL is a user-centric performance model. Every web app has these four distinct aspects to its life ...

Sometimes I get asked to do performance audits on web projects and to make some recommendations. So ...