article thumbnail

How We Improved Our Core Web Vitals (Case Study)

Smashing Magazine

How We Improved Our Core Web Vitals (Case Study). How We Improved Our Core Web Vitals (Case Study). Our fast computers and fiber internet masked the experience real people have on our site. Internet Explorer 6 was fully supported, Firefox was gaining share, and Chrome was still years from launch.

Google 93
article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

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.

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

Fostering a Web Performance Culture

Jos

Also, the speed of my internet connection is humongous and I’m close to data centres located in Stockholm and London. How would you architecture a non-trivial size web project (client, server, databases, caching layer)? Lots of case studies where changes in performance led to key metric improvement.

article thumbnail

A Guide To Image Optimization On Jamstack Sites

Smashing Magazine

Today, creating content on the Internet is the norm, not the exception. Case Study: Image Component In A Jamstack Site. Cache Your Images. A website’s performance can suffer if frequently accessed images are not cached, as many requests will be made to images that have already been loaded in the user’s system.

Media 106
article thumbnail

The 2-second Website

MachMetrics

If you asked the average internet user how slow a website would need to load before they gave up and left, they might say something like 8 or 10 seconds. We recently did a case study on how Target could make their site 3 seconds faster , but Target will likely never get their site fully loaded in 2 seconds. Craigslist.

Website 57
article thumbnail

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

Smashing Magazine

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?

article thumbnail

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

Smashing Magazine

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?