article thumbnail

The Fastest Google Fonts

CSS Wizardry

It’s widely accepted that self-hosted fonts are the fastest option: same origin means reduced network negotiation, predictable URLs mean we can preload , self-hosted means we can set our own cache-control. That said, the convenience of a service like Google Fonts cannot be overstated. What else could I do to make Google Fonts fast ?

Google 364
article thumbnail

USENIX SREcon APAC 2022: Computing Performance: What's on the Horizon

Brendan Gregg

TCP Extensions for Multipath Operation with Multiple Addresses,” [link] Mar 2020 - [Gregg 20] Brendan Gregg, “Systems Performance: Enterprise and the Cloud, Second Edition,” Addison-Wesley, 2020 - [Hruska 20] Joel Hruska, “Intel Demos PCIe 5.0 Ford, et al., “TCP Clone Disk],” - [link] 2020 - [Moore 20] Samuel K.

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

A Guide To Image Optimization On Jamstack Sites

Smashing Magazine

Cache Your Images. A website’s performance can suffer if frequently accessed images are not cached, as many requests will be made to images that have already been loaded in the user’s system. But not only does it cache the original image, but it also stores all the transformations and combinations we make from it.

Media 107
article thumbnail

Optimizing The Image Element LCP

Smashing Magazine

These metrics are used by Google to evaluate the quality of user experience. See live: Codepen demo 1. The image in this demo is displayed at a fixed width of 280px on all devices. See live: Codepen demo 2. See live: Codepen demo 3. Eloïse Martin. 2023-01-16T18:00:00+00:00. 2023-01-16T22:03:27+00:00.

Media 106
article thumbnail

Code-level observability for Flutter apps drives great user experience

Dynatrace

If you want to use the Google UI toolkit to build natively compiled applications for mobile, web, and desktop from a single codebase?, Test Flutter monitoring with our demo app. To get you up to speed quickly and to test Dynatrace easily, we provide a small Flutter demo app. Dynatrace news. What’s next.

Code 173
article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

Assets Optimizations Brotli, AVIF, WebP, responsive images, AV1, adaptive media loding, video compression, web fonts, Google fonts. Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Adjust the argument depending on the group of stakeholders you are speaking to.

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. It’s also trickier to handle cached fonts we already have, not to mention differences in various fallback styles. However, beyond that it didn’t really solve the problem.