Remove Cache Remove Google Remove Magazine Remove Operating System
article thumbnail

Optimizing Google Fonts Performance

Smashing Magazine

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. Browser Caching.

Google 111
article thumbnail

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

Smashing Magazine

A number of sites moved to font-display: swap when this first came out, and Google Fonts even made it the default in 2019. Now, when put side by side, the web fonts are considerably nicer and do fit with the Smashing Magazine brand. However, beyond that it didn’t really solve the problem. Large preview ). Large preview ).

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

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. And while you can usually cache the full page of an article, the same is not true of many shop pages and elements. Additionally, page speed is a ranking factor for search and also for your Google Ads. Jennifer Brehm.

article thumbnail

Answering Common Questions About Interpreting Page Speed Reports

Smashing Magazine

Why do we need Lighthouse at all when Google also offers similar reports in PageSpeed Insights (PSI)? CrUX data is important because it is how web core vitals are measured, which, in turn, are a ranking factor for Google’s search results. Still, there’s nothing in there to tell us about the data Lighthouse is using to evaluate metrics.

Speed 97
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

How Improving Website Performance Can Help Save The Planet

Smashing Magazine

Partly as a result of this campaign, Google announced last year that for the first time it had purchased enough renewable energy to match 100% of its global consumption for operations. For example: Are we loading the whole of jQuery for some basic DOM operations? Data transfer is one thing that we can measure quite easily.

article thumbnail

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

Smashing Magazine

The idea is quite straightforward: Push the minimal code needed to get interactive for the initial route to render quickly, then use service worker for caching and pre-caching resources and then lazy-load routes that you need, asynchronously. An application shell is the minimal HTML, CSS, and JavaScript powering a user interface.