MachMetrics

APRIL 3, 2020

If you’re looking to read optimization ideas from one of the greatest minds in speed performance, look no further. Author Steve Souders writes about the best practices that he gained as the Chief Performance Yahoo!, and the Head Performance Engineer at Google.

Speed 85

Speed Performance Best Practices Website 85

Rigor

JANUARY 13, 2020

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. This book is about performance problems and the various technologies created to fight them. High Performance Websites.

Performance 75

Performance Social Media Website Website Performance 75

Smashing Magazine

JANUARY 11, 2021

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.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

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

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

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. Depending on the network connection, performance budgets should adapt , but payload on slower connection is much more "expensive", regardless of how they’re used.

Performance 104

Performance Cache Metrics Network 104