Remove Comparison Remove Internet Remove Servers Remove Website Performance
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. How should the metric comparison be output to the console?

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. The code snippet we worked with above makes a call to Google’s servers ( fonts.googleapis.com ), that’s called an HTTP request. Resource hints are a feature supported by modern browsers which can boost website performance.

Google 111
article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the project until the final release of the website — what would that look like? you can get CrUX performance data for specific pages instead of just the aggregates. What does it mean?

article thumbnail

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

Smashing Magazine

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? Long FMP usually indicates JavaScript blocking the main thread, but could be related to back-end/server issues as well.

article thumbnail

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

Smashing Magazine

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? It used to provide an insight into how quickly the server outputs any data. Large preview ). What does it mean?