article thumbnail

The 5 Most Underrated WebPageTest Features

MachMetrics

Visual Comparison. Who are your competitors in your website’s niche? WebPageTest allows you to compare your site directly to a competitors with their Visual Comparison tool! Need to speed test a website that lives behind a login? Want to see how performant your e-commerce check-out process is?

article thumbnail

Build a Node.js Tool to Record and Compare Google Lighthouse Reports

CSS - Tricks

For example, this means, it’s much easier to share the win with Heather from marketing after spending time improving website accessibility as she’s more able to appreciate the effort after seeing the Lighthouse accessibility score go up 50 points into the green. They provide insight into the objective and perceived performance of a website.

Google 82
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

Optimizing Google Fonts Performance

Smashing Magazine

If I change my user-agent to Internet Explorer 11, I’m served the font in the WOFF format instead. Resource hints are a feature supported by modern browsers which can boost website performance. In comparison, when requesting fonts from the Google Fonts API, you are always served the most up-to-date version.

Google 111
article thumbnail

Hybrid Lazy Loading: A Progressive Migration To Native Lazy Loading

Smashing Magazine

Let’s start with a comparison between native lazy loading and the good ol’ JavaScript-driven one. Lazy loading is a way to improve the performance of a website or web application by maximizing the rendering speed of the above-the-fold images and iframes (and sometimes videos) by deferring the loading of below-the-fold content.

Website 103
article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

Alternatively, you can also use: Addy Osmani’s Chrome UX Report Compare Tool , Speed Scorecard (also provides a revenue impact estimator), Real User Experience Test Comparison or SiteSpeed CI (based on synthetic testing). you can get CrUX performance data for specific pages instead of just the aggregates. Image source ).

article thumbnail

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

Smashing Magazine

To get a good first impression of how your competitors perform, you can use Chrome UX Report ( CrUX , a ready-made RUM data set, video introduction by Ilya Grigorik), Speed Scorecard (also provides a revenue impact estimator), Real User Experience Test Comparison or SiteSpeed CI (based on synthetic testing). Image source ).

article thumbnail

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

Smashing Magazine

To get a good first impression of how your competitors perform, you can use Chrome UX Report ( CrUX , a ready-made RUM data set, video introduction by Ilya Grigorik and detailed guide by Rick Viscomi) or Treo Sites , a RUM monitoring tool that is powered by Chrome UX Report. k6 allows you write unit tests-alike performance tests.