article thumbnail

Answering Common Questions About Interpreting Page Speed Reports

Smashing Magazine

But do you know how Lighthouse calculates performance metrics like First Contentful Paint (FCP), Total Blocking Time (TBT), and Cumulative Layout Shift (CLS)? Still, there’s nothing in there to tell us about the data Lighthouse is using to evaluate metrics. But it comes with caveats. So why use lab data at all?

Speed 97
article thumbnail

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

Many of them are covered in CSS-Tricks’ helpful overview , and Smashing Magazine offers a great PDF checklist. Several metrics centre on the time after which users can interact with the page. Some resources that helped a lot were the great articles here on Smashing Magazine about the magazine’s own improvements.

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

Signals For Customizing Website User Experience

Smashing Magazine

Approximately two-thirds of Indian mobile Chrome users of Smashing Magazine have this setting turned on, for example. For Smashing Magazine, that involved dropping some of our web fonts. And Is It Used? Again, I talked about this that previous article , and the answer is a resounding yes! Data Saver. Network Signals.

Website 103
article thumbnail

The State Of Mobile And Why Mobile Web Testing Matters

Smashing Magazine

However, there are quite a few high-profile case studies exploring the impact of mobile optimization on key business metrics. Driving Business Metrics. Testing the Smashing Magazine website on different devices. One of the famous examples is Flipkart , India’s largest e-commerce website. LT Browser in action. Large preview ).

Mobile 134
article thumbnail

How Improving Website Performance Can Help Save The Planet

Smashing Magazine

The key metric for measuring the sustainability of a digital product is its energy usage. An obvious metric here is CPU usage, but memory usage and other forms of data storage also play their part. Note : There are plenty of other tools that provide us with a metric for data transfer including the much revered WebPagetest.

article thumbnail

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Smashing Magazine

Getting Ready: Planning And Metrics. Getting Ready: Planning And Metrics. You need a business stakeholder buy-in, and to get it, you need to establish a case study on how speed benefits metrics and Key Performance Indicators ( KPIs ) they care about. Table Of Contents. Setting Realistic Goals. Defining The Environment.

article thumbnail

A Guide To CSS Debugging

Smashing Magazine

Depending on the browser and operating system, you may also experience browser scrollbar widths upsetting the 100vw calculation as well. A more recent hot topic in site performance and related metrics is Cumulative Layout Shift (CLS). Currently, the fix is to update to 100% if you can. Cumulative Layout Shift.

Design 145