Remove Cache Remove Case Study Remove Efficiency Remove Latency
article thumbnail

How We Optimized Performance To Serve A Global Audience

Smashing Magazine

Each stage has its unique challenges and potential pitfalls, as other case studies show. This is why the async and deferred attributes are crucial, as they ensure an efficient, seamless web browsing experience. Here’s a breakdown of the moving pieces. These edge servers are distributed in data centers across the globe.

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

Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study)

Smashing Magazine

Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study). Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study). To mitigate the performance issues, we had to add a lot of (unbudgeted) extra servers and had to aggressively cache pages on a reverse proxy. Jonne Kats.

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

article thumbnail

Image CDN - Speed Up the Delivery of Your Most Important Asset

KeyCDN

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. Using an image CDN, such as KeyCDN, can significantly reduce the latency of your image delivery. For example, the query string ?width=600&quality=70

Speed 52
article thumbnail

Jamstack CMS: The Past, The Present and The Future

Smashing Magazine

Platforms such as Snipcart , CommerceLayer , headless Shopify , and Stripe enable you to manage products in a friendly UI while taking advantage of the benefits of Jamstack: Amazon’s famous study reported that for every 100ms in latency, they lose 1% of sales. Jamstack sites are typically among the fastest on the web.

Ecommerce 140