Remove Cache Remove Case Study Remove Open Source Remove Traffic
article thumbnail

How We Optimized Performance To Serve A Global Audience

Smashing Magazine

It increases our visibility and enables us to draw a steady stream of organic (or “free”) traffic to our site. While paid marketing strategies like Google Ads play a part in our approach as well, enhancing our organic traffic remains a major priority. The higher our organic traffic, the more profitable we become as a company.

article thumbnail

From AVIF to WebP: A New Smashing Book By Addy Osmani

Smashing Magazine

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 108
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

How Data Inspires Building a Scalable, Resilient and Secure Cloud Infrastructure At Netflix

The Netflix TechBlog

the order of the rows on your Netflix home page, issuing content licenses when you click play, finding the Open Connect cache closest to you with the content you requested, and many more). Security Events Platform See open source project such as StreamAlert and Siddhi to get some general ideas.

article thumbnail

Meet Image Optimization, A New Smashing Book By Addy Osmani

Smashing Magazine

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 94
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.

article thumbnail

Fostering a Web Performance Culture

Jos

When they dug into the data, they found that the reason load times had increased was that they got a lot more traffic from Africa after doing the optimizations. How would you architecture a non-trivial size web project (client, server, databases, caching layer)? What happens when a browser tries to load a website?

article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

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. The next day we subset the fonts and pushed them live. CSS Generators.

Mobile 141