Remove 2015 Remove Google Remove Storage Remove Website Performance
article thumbnail

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

CSS - Tricks

The HBO sitcom Silicon Valley hilariously followed Pied Piper, a team of developers with startup dreams to create a compression algorithm so powerful that high-quality streaming and file storage concerns would become a thing of the past. In 2015, Google published a blog post announcing Brotli and released its source code on GitHub.

Cache 79
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 ).

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

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 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 ).