Remove Cache Remove Code Remove Hardware Remove Magazine
article thumbnail

How We Improved SmashingMag Performance

Smashing Magazine

And suddenly, before you know it, the code base gets a little bit overweight and fragmented , third-party scripts have to load just a little bit earlier, and shiny new dynamic content finds its way into the DOM through the backdoors of fourth-party scripts and their uninvited guests.

article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

Have we optimized enough with tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, progressive hydration, clients hints, HTTP/3, service workers and — oh my — edge workers? It’s much easier to reach performance goals when the code base is fresh or is just being refactored.

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

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

Smashing Magazine

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? It’s much easier to reach performance goals when the code base is fresh or is just being refactored.

article thumbnail

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

Smashing Magazine

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are?

article thumbnail

How Improving Website Performance Can Help Save The Planet

Smashing Magazine

how much data does the browser have to download to display your website) and resource usage of the hardware serving and receiving the website. 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. These include data transfer (i.e.

article thumbnail

Solving Common Cross-Platform Issues When Working With Flutter

Smashing Magazine

More specifically, we’re going to talk about storage and UI differences, which are the ones that most often cause confusion to developers when writing Flutter code that they want to be cross-platform. Running Different Code On Different Platforms. In this article, we’re going to see some of those differences and how to overcome them.

Storage 94
article thumbnail

The Humble ` ` Element And Core Web Vitals

Smashing Magazine

The above code with an alt specified looks as follows: <img src="donut.jpg" alt="A delicious pink donut."> Device Pixel Ratio (DPR) represents how a CSS pixel is translated to physical pixels on a hardware screen. will optimize images dynamically upon request and store them in a local cache. Large preview ). Note: Next.js

Media 145