article thumbnail

Web Performance Bookshelf

Rigor

Take, for example, The Web Almanac , the golden collection of Big Data combined with the collective intelligence from most of the authors listed below, brilliantly spearheaded by Google’s @rick_viscomi. High Performance Browser Networking. Web Performance Collection. Professional Website Performance.

article thumbnail

How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale

CSS - Tricks

In the show, Google is portrayed by the fictional company Hooli, which is after Pied Piper’s intellectual property. The funny thing is that, while being far from a startup, Google does indeed have a powerful compression engine in real life called Brotli. At that time, I was working as a freelance website performance consultant.

Cache 79
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

World’s Top Web Performance Leaders To Watch

Rigor

Jake is a developer advocate at Google working with the Chrome team to develop and promote web standards and developer tools, as well as a contributor to the Chromium blog. Jake worked at the BBC for four years, writing low-level JavaScript that catered to their strict accessibility, performance and browser support requirements.

article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

Defining The Environment Choosing a framework, baseline performance cost, Webpack, dependencies, CDN, front-end architecture, CSR, SSR, CSR + SSR, static rendering, prerendering, PRPL pattern. Assets Optimizations Brotli, AVIF, WebP, responsive images, AV1, adaptive media loding, video compression, web fonts, Google fonts.

article thumbnail

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

Smashing Magazine

Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Addy Osmani has written a very detailed write-up on how to start performance budgeting , how to quantify the impact of new features and where to start when you are over budget. Image source ).

article thumbnail

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Smashing Magazine

Luckily, there are many great options that help you automate the collection of data and measure how your website performs over time according to these metrics. In real-life world, most products aren’t even close: an average bundle size today is around 400KB , which is up 35% compared to late 2015. Image source ).