Remove Cache Remove Case Study Remove Internet Remove Open Source
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 95
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. <picture> <source media="(max-width: 420px)" srcset="image-mobile.webp"> <img src="image-desktop.webp" loading="lazy"> </picture> 6. Cache Your Images. Conclusion.

Media 108
article thumbnail

Don’t Sink Your Website With Third Parties

Smashing Magazine

Every major website on the Internet today relies — to some degree — on third-party services. The third-party in this case is someone (usually another commercial enterprise) other than you and your site visitors. The HTTP Archive tracks third-party usage across a large swath of all active websites on the Internet today.

Website 133
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?

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?