Remove Benchmarking Remove Google Remove Hardware Remove Website Performance
article thumbnail

Performance Testing - Tools, Steps, and Best Practices

KeyCDN

Web performance is a broad subject, and you’ll find no shortage of performance testing tips and tutorials all over the web. Before you begin tuning your website or application, you must first figure out which metrics matter most to your users and establish some achievable benchmarks. What is Performance Testing?

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