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 138

Website Design Network Testing 138

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 106

Cache Servers Code Best Practices 106

Smashing Magazine

JANUARY 15, 2019

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. I predominantly use Nginx, and I have a particular fondness for FastCGI cache and have found it to be especially efficient. Large preview ). We should use HTTP2 over HTTPS.

Website Performance 78

Website Performance Website Energy Performance 78

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 78

Performance Cache Traffic Metrics 78

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 111

Google Analytics Serverless Metrics 111

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 141

Speed Processing Development Code 141

Smashing Magazine

OCTOBER 8, 2021

We can use 11ty’s new Serverless mode to build them on request using Netlify’s On-Demand Builders to cache each Madlib. For example, an “On-Demand Builder” is a serverless function dedicated to serving a cached file. Netlify then caches that page on its edge CDN for each additional call. Large preview ). More after jump!

Serverless 92

Serverless Cache Open Source Code 92

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 120

Media Mobile Website Metrics 120

Smashing Magazine

APRIL 11, 2022

We can use the preload attribute for the HTML link element to optimize loading performance by ensuring that the browser discovers the resource earlier, downloads it, and caches it. It’s common knowledge that better website performance results in more conversions, more traffic, and better user experience.

Media 78

Media Tuning Metrics Google 78

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

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 64

Website Servers Code Best Practices 64

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 106

Media Website Architecture Servers 106

Smashing Magazine

MARCH 19, 2021

Gael Metais suggested to more aggressively subset web fonts and look into caching issues with our AVIF files. If a browser doesn’t support AVIF, it gets a JPEG file (properly cached), The content negotiation happens via <picture> + srcset in the browser. Are Modern Best Practices Bad For The Web? What Is CUBE CSS?

Mobile 142

Mobile Design Cache Code 142

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 124

Media Cache Google Best Practices 124

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 105

Media Cache Google Best Practices 105

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 114

Technology Technology Servers Code 114

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 109

Performance Network Latency Servers 109

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

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 122

Code Availability Performance Efficiency 122

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 Metrics Media 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 112

Performance Cache Servers Network 112

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 111

Performance Cache Network Metrics 111