Smashing Magazine

MARCH 7, 2022

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

Website Media Mobile Network 103

Smashing Magazine

OCTOBER 2, 2023

Now, let’s dive into the technical features and best practices that my team adopted in the process of building the WaterBear web app. I plan on sharing specifically what I learned from performance and accessibility practices as a first-time lead developer of a team , as well as what I wish I had known before we started.

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. Also, building on an existing SDK has allowed us to follow the best practices recommended by the vendor while saving time. From a developer perspective, not only static assets need to be cached on a CDN.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

AUGUST 3, 2023

It also opens up the possibility for more effective use of caching strategies, potentially enhancing load times further. Their primary role is to store (or “cache”) copies of web content — like HTML pages, JavaScript files, and multimedia content — and deliver it to users based on their geographic location.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

AUGUST 31, 2021

Libraries like these handle cache locally, so whenever the state is already available they can leverage settings definition to either renew data or use from the local cache. zero-config caching layer. But it will also benefit from sticking to the common best practices when it comes to rendering performance on apps.

Cache 103

Cache Servers Best Practices Code 103

Smashing Magazine

JULY 8, 2021

Best Practices When Writing Custom Directives. It is considered best practice not to directly access a state object. Instead, use the getter function because it can be mapped into any vue component using the mapGetters behaving like a computed property with the getters result cached based on its dependencies.

Speed 132

Speed Processing Development Code 132

Smashing Magazine

MAY 17, 2021

We try to follow best practice by serving as much as we can over a CDN, avoiding as many third-party scripts as possible, and using simple SVG graphics instead of bitmap PNGs. Lighthouse also caught a cache misconfiguration that prevented some of our static assets from being served from our CDN. It wasn’t enough.

Google 93

Google Analytics Serverless Metrics 93

Smashing Magazine

JANUARY 16, 2023

To address this problem, I’ll provide an overview of the best practices for the integration and optimization of an LCP image. Since recently becoming a ranking factor, this major web performance KPI is still a new concept for many web developers. It becomes especially tricky to optimize when the LCP element is an image.

Media 104

Media Mobile Website Metrics 104

Smashing Magazine

SEPTEMBER 6, 2021

You would, however, be hard-pressed even today to find a good article that details the nuanced best practices. This is because, as I stated in the introduction to part 1 , much of the early HTTP/2 content was overly optimistic about how well it would work in practice, and some of it, quite frankly, had major mistakes and bad advice.

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

JUNE 1, 2022

You can adjust what browser is used, the kind of network connection to employ, the locations to test from, whether or not the browser’s cache is empty or full, how frequently to take the measurements, and more. If you cannot avoid having third-party fonts on your site, consider using font-display properties in your CSS.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

NOVEMBER 30, 2021

We last talked to him in July 2020 , where we asked if modern best practices about for the web. Last time we talked, we posed this question of if modern best practices, the use of reactive frameworks and these sorts of things were actually bad for the progress of the web. Drew: You want it to remain unspoiled.

Technology 94

Technology Technology Servers Code 94

Smashing Magazine

APRIL 9, 2019

Most sites were all hosted on a single physical server somewhere on our own hosting infrastructure, and it was the server we thought about defending when it came to security best practices.

Website 57

Website Servers Code Best Practices 57

Smashing Magazine

NOVEMBER 4, 2021

Drew McLellan: He’s an engineer at Skypack and a major contributor to a new project called Astro, which aims to combine performance best practices with the developer experience improvements we see from component based approaches. Coding From Scratch written by Alex Husar. Transcript. Drew: Yeah. Matthew: TBD on that.

Media 87

Media Website Architecture Servers 87

Smashing Magazine

AUGUST 22, 2021

Some examples of the latter are heavily cached websites, as well as single-page apps that periodically fetch small updates via APIs and other protocols such as DNS-over-QUIC. As such, one best practice or optimization can end up undoing another. And it gets worse. also needs to execute. Finally convinced?

Performance 105

Performance Network Latency Servers 105

Smashing Magazine

AUGUST 9, 2021

However, many other devices are sitting between the client and the server that also have their own TCP code on board (examples include firewalls, load balancers, routers, caching servers, proxies, etc.). It combines decades of deployment experience and best practices of TCP with some core new features.

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

NOVEMBER 12, 2021

The plugin provides useful warnings and hints on the best practices. Memoization simply means caching. It caches the computation result with respect to the dependency values so that when the same values are passed, useMemo will just spit out the already computed value without recomputing it again. The useMemo Hook.

Code 118

Code Availability Efficiency Performance 118

Smashing Magazine

JUNE 8, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Optimizing Network Requests with Caching and Preloading. +.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

APRIL 28, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Optimizing Network Requests with Caching and Preloading. +.

Media 92

Media Cache Google Best Practices 92

Smashing Magazine

JANUARY 11, 2021

Build Optimizations JavaScript modules, module/nomodule pattern, tree-shaking, code-splitting, scope-hoisting, Webpack, differential serving, web worker, WebAssembly, JavaScript bundles, React, SPA, partial hydration, import on interaction, 3rd-parties, cache. From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19).

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

APRIL 29, 2021

now includes an Image component with several of the above best practices baked in. will optimize images dynamically upon request and store them in a local cache. The 700px value in this example approximates the width and height of each chunked section. See CanIUse.com for latest browser support for CSS content-visibility.

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

JANUARY 6, 2020

From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). 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.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). From Fast By Default: Modern Loading Best Practices by Addy Osmani (Slides 18, 19). PRPL stands for Pushing critical resource, Rendering initial route, Pre-caching remaining routes and Lazy-loading remaining routes on demand.

Performance 103

Performance Cache Metrics Network 103