Web Performance Calendar

The speed geek's favorite time of year
2016 Edition
Dec 2016
Photo of Estelle Weyl

In 2003, to normalize a setClass function across browsers, I created my first JavaScript library. It checked for support of the standard document.getElementById, gracefully degraded to check for the non-standard document.all, and used UA sniffing to check for old Netscape. I used it to do only one thing: change class names. It was ugly, but […]

Dec 2016
Photo of David Fox

As mobile growth accelerates, the value of single-minded viewport optimization has diminished. The way you approach web page optimization requires a reboot. No one disputes the importance of viewport metrics like Speed Index or First Contentful Paint. Each provide meaningful benchmarks for web devs to determine progress in web optimization initiatives. In fact, it’s rare […]

Dec 2016
Photo of Stoyan Stefanov

… because 24++ awesome articles on web performance is not enough!

Dec 2016
Photo of Gleb Bahmutov

An instantly loading, self-rewriting application using ServiceWorker. It is like server rendering inside your browser.

Dec 2016
Photo of Tobias Baldauf

tl;dr: Progressive images render faster on HTTP2, thus increasing perceived performance. Take control of progressive JPEG’s scan layers to show meaningful image content with only 25% of image data sent. Use HTTP2 Server Push for progressive JPEG scan layers to maximize rendering performance for key images. We Have An Image Problem Images make the world […]

Dec 2016
Photo of Ariya Hidayat

PNG is a popular format for icons, sprites, logos, screenshots, and many others. Creating PNG images is fairly easy, but what do we need to do if we want to get the smallest file possible without any perceptible loss of quality? In this context, we define an image as a two-dimensional array of color values, […]

Dec 2016
Photo of Aaron Peters

Nowadays it is not uncommon to publish your site on the root domain (aka ‘naked domain’ or ‘domain apex’). Instead of using www.awesomesite.com you go for awesomesite.com. Looks good, right? Yeah. Running the whole site through a CDN is also the modern thing to do and can help give your users an excellent experience. The […]

Dec 2016
Photo of Yoav Weiss

One request. One journey. There comes a time when you need to fulfill your destiny and find a matching resource.

Dec 2016
Photo of Chris Love

Two years ago I wrote about Leveraging Browser Storage for a Faster Web. The gist of the technique is to persist AJAX payloads in either localStorage or IndexDB so future network requests can be avoided. The overall mechanism allows you to control data life spans and purge stale data. By avoiding excess network requests the […]

Dec 2016
Photo of Anthony Barré

As soon as you want to industrialize your work (think Continuous Integration), you need a private WPT instance.

Dec 2016
Photo of Bram Stein

Typography is an integral part of design, so it’s no wonder web fonts usage soared once browsers started supporting them. Based on the statistics gathered by the HTTP Archive, nearly 65% of all websites use web fonts as of November 2016. This is great. But there’s a downside: web fonts have become a performance and […]

Dec 2016
Photo of Zach Leatherman

Support everything everywhere always? Or step into the present and simplify?

Dec 2016
Photo of Michael Gooding

Like any performance optimisation, once implemented we should measure and tweak.

Dec 2016
Photo of Estelle Weyl

When it comes to web performance and user experience, every image matters.

Dec 2016
Photo of Parashuram

Web Workers are perfect for making backend calls, converting data into formats the UI can consume, sync local storage with backend…

Dec 2016
Photo of Sebastiaan Deckers

Without Cache Digests there is no clear-cut performance win for HTTP/2 Server Push over HTTP/1 Asset Bundling. However, a Bloom filter based technique, called Cache Digests, makes Server Push more efficient than Asset Bundling in both latency and bandwidth.

Dec 2016
Photo of Eduardo Bouças

Track your perf numbers over time with a new open source tool.

Dec 2016
Photo of Joseph Gannon

Speed Index is a key web performance metric, useful to both developers and designers,

Dec 2016
Photo of Michael Scharnagl

From cookies to Cache API and all things in between

Dec 2016
Photo of Steve Souders

To DEFER or to ASYNC, that is the question.

Dec 2016
Photo of Andy Still

… and why are we here anyway?

Dec 2016
Photo of Jeremy Wagner

“Performance budgets are exceeded.”, “Budgets be damned, we’ve got to get that site out the door!”, “But, but…”

Dec 2016
Photo of Peter van der Zee

Peter is looking for a needle in a haystack the size of the universe.

Dec 2016
Photo of Declan Rek

1996: Everything is cacheable except HTML. 2016: Everything is cacheable.

Dec 2016
Photo of Sergey Chernyshev

Are we designing paintings or movies? Static PSD files or short films? And how do we think about performance and transitions when designing an interactive product?

Dec 2016
Photo of Pierre Lermant

How many WebPageTest test runs are enough? And how conclusive are the results? Ask Pierre.

Dec 2016
Photo of Tim Kadlec

Tim introducing webworldwide.io to help us realize what it means to access today’s web.

Dec 2016
Photo of Robin Marx

Are we there yet? Robin has the nitty-gritty of HTTP/2 in this monster of a post.

Dec 2016
Photo of Inian Parameshwaran

Brotli is a new compression method for text based assets poised to dethrone the king of compression on the web (gzip) soon. How can you benefit from it today?

Dec 2016
Photo of Dean Hume

Dean Hume shows us how to use Google’s new Lighthouse tool to evaluate web performance.

Dec 2016
Photo of Patrick Meenan

Patrick has a run-down of tools you can use to simulate networking conditions that are representative of your users. And he also fills a glaring hole in the available tools with his new release.