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

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

How To Protect Your API Key In Production With Next.js API Route

Smashing Magazine

That’s why we need to use our keys at server-side when we’re writing our API calls. When you run the command below, it starts up a development server and the contents of index.js The Server-Side API Call. The reason why we’re writing the API call at the server-side is for securing our API key, and Next.js More after jump!

Servers 130
article thumbnail

Next.js Wildcard Subdomains

Smashing Magazine

We’ll be focusing on three places where you can get the wildcard: Server Side In getServerSideProps , Client Side With useEffect , Server Side On API Routes And Edge Functions. Server Side In getServerSideProps. Server Side On API Routes And Edge Functions. Building With Wildcards. More after jump! Jump to the workshop ?.

Servers 83
article thumbnail

Automatically Transforming And Optimizing Images And Videos On Your WordPress Website

Smashing Magazine

An example in case is this same website, Smashing Magazine. That’s why all avatars, the arrow button, and many other elements are all tilted, at the same angle as the Smashing logo is: Tilted elements in Smashing Magazine ( Large preview ). What about images?

Website 103
article thumbnail

Sharing Data Among Multiple Servers Through AWS S3

Smashing Magazine

Sharing Data Among Multiple Servers Through AWS S3. Sharing Data Among Multiple Servers Through AWS S3. When providing some functionality for processing a file uploaded by the user, the file must be available to the process throughout the execution. Leonardo Losoviz. 2018-11-08T12:30:30+01:00. 2019-04-29T18:34:58+00:00.

AWS 44