Smashing Magazine

NOVEMBER 17, 2022

Case Study: Image Component In A Jamstack Site. Serve In Next-generation (Next-gen) Formats, Encode Efficiently. Note : If you want to learn about tools that can help you crop and resize your images efficiently, you can take a look at Serve Responsive Images by web.dev. Cache Your Images. Fixes To Common Problems.

Media 106

Media Cache Website Mobile 106

Speed Curve

FEBRUARY 25, 2024

Guest profiles also start with empty caches, empty cookie stores, empty browser storage, etc. He shared a case study where they replaced over 50,000 lines of JavaScript with native HTML and CSS features. Think about the work you're asking the browser to do and whether there are more efficient ways of achieving the end result.

Analytics 91

Analytics Processing Google Mobile 91

Smashing Magazine

AUGUST 20, 2021

When we talk about static site generators, incremental regeneration, or instant cache invalidation, it’s enough to make the layman’s eyes glaze over. If you need a developer, taking a Jamstack approach is one of the most efficient ways to leverage your staffing resources. There’s no question Jamstack is a developer-focused technology.

Ecommerce 139

Ecommerce Website Government Internet 139

Highly Scalable

APRIL 2, 2012

Categories can contain thousands of products and user cannot efficiently search though this array without powerful tools. The rationale behind these methods is that frontend should be able to fetch transient information very efficiently and separately from fetching of heavy-weight domain entities because this information cannot be cached.

Ecommerce 100

Ecommerce Cache Storage Architecture 100

Speed Curve

DECEMBER 25, 2013

Both these techniques use vector data rather than pixels so they are small in file size and scale efficiently across all sizes including high resolution retina screens. All CMS's should be offering this level of image manipulation and caching. Case study: the new responsive Guardian site. Source: SpeedCurve.

Performance 60

Performance Mobile Website Benchmarking 60

KeyCDN

JULY 11, 2019

When it comes to optimizing your website, images are generally the most important asset you should spend time on figuring out how to reduce in size and deliver in a more efficient way. width=600&quality=70 Combine this with our WebP caching to automatically deliver the highest performing image format.

Speed 52

Speed Website Mobile Latency 52

Smashing Magazine

JUNE 8, 2021

To be effective, all these images need to be carefully orchestrated to appear on the screen fast — but as it turns out, loading images efficiently at scale isn’t a project for a quiet afternoon. Keeping this efficient helps ensure a good user experience. Optimizing Network Requests with Caching and Preloading. +.

Media 106

Media Cache Google Best Practices 106

Smashing Magazine

APRIL 28, 2021

To be effective, all these images need to be carefully orchestrated to appear on the screen fast — but as it turns out, loading images efficiently at scale isn’t a project for a quiet afternoon. Keeping this efficient helps ensure a good user experience. Optimizing Network Requests with Caching and Preloading. +.

Media 93

Media Cache Google Best Practices 93

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. It will help you build up a company-tailored case study with real data.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

You need a business stakeholder buy-in, and to get it, you need to establish a case study, or a proof of concept using the Performance API on how speed benefits metrics and Key Performance Indicators ( KPIs ) they care about. It will help you build up a company-tailored case study with real data. How to get there?

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

You need a business stakeholder buy-in, and to get it, you need to establish a case study on how speed benefits metrics and Key Performance Indicators ( KPIs ) they care about. Study common complaints coming into customer service and see how improving performance can help relieve some of these common problems. How to get there?

Performance 104

Performance Cache Metrics Network 104