Remove 2013 Remove Benchmarking Remove Google Remove Website Performance
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. Designing for Performance. High Performance Responsive Design. Web Performance Collection. Web Performance Tuning.

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