article thumbnail

A New Way To Reduce Font Loading Impact: CSS Font Descriptors

Smashing Magazine

Smashing Magazine, like most publishers, makes use of web fonts and the below screenshot shows the difference between the initial render (with the fallback fonts), and the final render (with the web fonts): Smashing Magazine article with fallback font and with full web fonts. Large preview ). Large preview ).

article thumbnail

How Improving Website Performance Can Help Save The Planet

Smashing Magazine

In this screenshot below, for example, we can see that loading the Smashing Magazine website for the first time incurs just under a megabyte of data transfer. For the more adventurous/technical, the top (table of processes) command provides similar metrics on most Unix-like operating systems such as macOS and Ubuntu.

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

Answering Common Questions About Interpreting Page Speed Reports

Smashing Magazine

Barry Pollard, a web performance developer advocate for Chrome, wrote an excellent primer on the CrUX Report for Smashing Magazine. If throttling is applied at the operating system level , then the metrics match what a real user with those network conditions would experience.

Speed 97
article thumbnail

Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form

Smashing Magazine

Inspired Design Decisions: Avaunt Magazine. Since operating system dark modes have become more prevalent, I also subtly alter the lightness and saturation of colors in my palettes, so they appear more vibrant against dark backgrounds. Inspired Design Decisions: Avaunt Magazine. Read More From The Series. Large preview ).

Design 94
article thumbnail

Optimizing Google Fonts Performance

Smashing Magazine

Without Google Fonts you would be limited to the handful of “ system fonts ” installed on your user’s device. System fonts or ‘Web Safe Fonts’ are the fonts most commonly pre-installed across operating systems. Browser Caching. Another built-in optimization of Google Fonts is browser caching.

Google 111
article thumbnail

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

And while you can usually cache the full page of an article, the same is not true of many shop pages and elements. Some are user-specific, like the shopping cart in the header or the wish list, and due to the personal nature of the data, they should never be cached. But even in the planning phases, traps await. Font Loading.