CSS Wizardry

FEBRUARY 25, 2021

What we really want to do, alongside capturing good benchmark- and more permanent data with WebPageTest, is interact with and inspect a site slightly more realtime. If you want to know more about how best to use DevTools for performance testing, I’m running a workshop with Smashing Magazine real soon, and that will make you DevTools experts.

Network 225

Network Mobile Performance Traffic 225

Smashing Magazine

MARCH 2, 2021

If you’d like to dive deeper into the performance of Android and iOS devices, you can check Geekbench Android Benchmarks for Android smartphones and tablets, and iOS Benchmarks for iPhones and iPads. A performance benchmark Lighthouse is well-known. Testing the Smashing Magazine website on different devices.

Mobile 133

Mobile Testing Website Benchmarking 133

Smashing Magazine

SEPTEMBER 28, 2022

On your first try, you can use it as a benchmark for optimizations later. At the bottom of the page, you can check how many kB of resources your client consumes. It is important to note how much data the client needs to download. No one likes a white blank screen, especially your users.

Performance 125

Performance Cache Servers Social Media 125

Smashing Magazine

JANUARY 7, 2022

Worse yet, once the work is batched they insert user research that should have been done to inform the original work effort to what the real benchmark (MVP) should be. When the details bubble to the surface it turns a desirable solution into something much less which can lead to a watered-down MVP.

Design 92

Design Logistics Strategy Benchmarking 92

Speed Curve

OCTOBER 19, 2015

Benchmark a variety of metrics and choose a target of 20% faster or less resources. SpeedCurve's Benchmark dashboard is a great way to see how you compare to your competitors for setting budgets. In the chart below, we can see why Smashing Magazine is so much faster - they're simply delivering a lot less JavaScript. Speed Index.

Performance 45

Performance Benchmarking Metrics Media 45

Smashing Magazine

JUNE 26, 2019

If you want to see an example of this in action, you can look at pretty much any leading digital magazine or news site. second benchmark for mobile loading. If you’re unfamiliar with AMP content, simply look for the lightning bolt icon that appears next to the web page name in Google search.

Website 110

Website Speed Mobile Design 110

Smashing Magazine

AUGUST 24, 2021

When you create a linter, you are setting a benchmark of quality for your documentation. If you are a programmer, then you are probably familiar with linters. Linters are an ideal way to enforce coding standards on your team. The same is true with documentation. In this tutorial, we are going to use the Vale linter.

Development 119

Development Benchmarking Code Engineering 119

Smashing Magazine

JUNE 2, 2021

Today, the website is much faster and ranks highly in various showcases and benchmarks. Many of them are covered in CSS-Tricks’ helpful overview , and Smashing Magazine offers a great PDF checklist. Some resources that helped a lot were the great articles here on Smashing Magazine about the magazine’s own improvements.

Performance 115

Performance Cache Website Mobile 115

Smashing Magazine

AUGUST 9, 2022

PageSpeed Compare is a page speed evaluation and benchmarking tool. With Treo Site Speed, you can also benchmark a website against competitors. An In-Depth Guide To Measuring Core Web Vitals is a guide by Barry Pollard on how to measure Core Web Vitals, detect issues and solve them, on Smashing Magazine. (vf, PageSpeed Compare.

Performance 130

Performance Benchmarking Website Metrics 130

Smashing Magazine

JUNE 1, 2022

They are more of a benchmark than a true measurement of real user experience. Because most of the variables remain fixed from one test run to the next, synthetic measurements are great for measuring the impact of change but less capable of accurately or comprehensively identifying real visitor experience.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

JANUARY 6, 2020

Geekbench CPU performance benchmarks for the highest selling smartphones globally in 2019. If you want to get started with GraphQL, Eric Baer published two fantastic articles on yours truly Smashing Magazine: A GraphQL Primer: Why We Need A New Kind Of API and A GraphQL Primer: The Evolution Of API Design ( thanks for the hint, Leonardo! ).

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 11, 2021

Geekbench CPU performance benchmarks for the highest selling smartphones globally in 2019. On Smashing Magazine, we could measure 19-32% improvement , too. In real-world scenarios, most products aren’t even close: a median bundle size today is around 452KB , which is up 53.6% compared to early 2015.

Performance 145

Performance Cache Media Metrics 145