CSS - Tricks

MARCH 16, 2020

to run Google Lighthouse audits via the command line, save the reports they generate in JSON format and then compare them so web performance can be monitored as the website grows and develops. What is Google Lighthouse? Google Lighthouse is one of the best-automated tools available on a web developer's utility belt.

Google 82

Google Latency Website Metrics 82

Smashing Magazine

JUNE 20, 2019

Optimizing Google Fonts Performance. Optimizing Google Fonts Performance. It’s fair to say Google Fonts are popular. Without Google Fonts you would be limited to the handful of “ system fonts ” installed on your user’s device. Like all good things, Google Fonts do come with a cost. Danny Cooper.

Google 111

Google Performance Cache Website 111

MachMetrics

OCTOBER 31, 2020

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?

Social Media 52

Social Media Website Speed Google 52

Smashing Magazine

MAY 6, 2019

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

Website 103

Website Best Practices Media Open Source 103

Smashing Magazine

JANUARY 11, 2021

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.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Alternatively, you can also use Speed Scorecard (also provides a revenue impact estimator), Real User Experience Test Comparison or SiteSpeed CI (based on synthetic testing). Large preview ).

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

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

Performance 103

Performance Cache Metrics Network 103