article thumbnail

Improving Core Web Vitals, A Smashing Magazine Case Study

Smashing Magazine

Improving Core Web Vitals, A Smashing Magazine Case Study. Improving Core Web Vitals, A Smashing Magazine Case Study. I’m a big fan of Smashing Magazine and am very interested in web performance and the Core Web Vitals. Search Console told Smashing Magazine that their LCP on mobile for most of their pages needed improving.

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

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

Understanding Weak Reference In JavaScript

Smashing Magazine

The code below illustrates how to use WeakSet() and some of the methods available: const human = new WeakSet(); let paul = {name: "Paul"}; let mary = {gender: "Mary"}; // Add the human with the name paul to the classroom. let smashing = {name: "magazine"}; let arr = [smashing]; // Overwrite the reference. It cannot be looped through.

Cache 117
article thumbnail

Rethinking Server-Timing As A Critical Monitoring Tool

Smashing Magazine

Rethinking Server-Timing As A Critical Monitoring Tool. Rethinking Server-Timing As A Critical Monitoring Tool. In the world of HTTP Headers, there is one header that I believe deserves more air-time and that is the Server-Timing header. Setting Server-Timing. Sean Roberts. 2022-05-16T10:00:00+00:00.

Servers 93
article thumbnail

Powerful Image Optimization Tools

Smashing Magazine

You might already know that Smashing Magazine has published the book Image Optimization by Addy Osmani, which covers this topic in full detail. But consider this post a compliment to the book, as this will focus purely on different tools available for reducing the size of images. compresses images on the server. Compressor.io

Media 135
article thumbnail

Measuring Performance With Server Timing

Smashing Magazine

Measuring Performance With Server Timing. Measuring Performance With Server Timing. That issue is slow server response times. There’s very little browser optimisations can do to improve a page that is simply slow to build on the server. Encompassed in that wait time is everything the server needs to do to build the page.

Servers 87
article thumbnail

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

Many of them are covered in CSS-Tricks’ helpful overview , and Smashing Magazine offers a great PDF checklist. This has the nice effect of making them directly available to the browser when the document loads, but obviously the browser cannot cache them for the whole website. Initially, we loaded it from our server.