Remove Best Practices Remove Cache Remove Magazine Remove Open Source
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 105
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 92
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

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. Are Modern Best Practices Bad For The Web? What Is CUBE CSS?

Mobile 140
article thumbnail

How We Optimized Performance To Serve A Global Audience

Smashing Magazine

For Performance Monitoring Many of you reading this may already be familiar with Next.js, but it is a popular open-source JavaScript framework that allows us to monitor our website’s performance in real-time. It also opens up the possibility for more effective use of caching strategies, potentially enhancing load times further.

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. From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19).

article thumbnail

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

Smashing Magazine

dashboard (open source), SpeedCurve and Calibre are just a few of them, and you can find more tools on perf.rocks. From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). Image source: Katie Hempenius ) ( Large preview ). There are many tools allowing you to achieve that: SiteSpeed.io

article thumbnail

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

Smashing Magazine

dashboard (open source), SpeedCurve and Calibre are just a few of them, and you can find more tools on perf.rocks. From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). Image source: Katie Hempenius ) ( Large preview ). Large preview ).