Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

Articles by Jeremy Wagner

Jeremy is a contributor to WebFundamentals

http

Reduce JavaScript Payloads with Code Splitting

Modern sites often contain a lot of JavaScript. These scripts are often sent down in large, monolithic bundles which can take a long time to download and process. Code-splitting encourages breaking up these scripts so you only send what a user needs when they need it.

Reduce JavaScript Payloads with Tree Shaking

Knowing where to begin optimizing your application's JavaScript can be daunting. If you're taking advantage of modern tooling such as webpack, however, tree shaking might be a good place to start!

Assessing Loading Performance in Real Life with Navigation and Resource Timing

When we measure loading performance, we often do so using testing tools that only describe performance from the perspective of the tester. If we want to measure loading performance from the user's perspective, we must rely on the Navigation and Resource Timing APIs.

Using Lighthouse To Improve Page Load Performance

New perf audits for preload, preconnect, GIFs, and more.

Replace Animated GIFs with Video

Everyone loves animated GIFs. The only problem is that they can be massive, often weighing in at several megabytes. In this guide, you'll learn how to curb the bloat caused by animated GIFs by replacing them with MPEG-4 and WebM video sources!

Lazy Loading Images and Video

If your site has a ton of images and video, but you don't want to cut down on any of it, lazy loading might be just the technique you need to improve initial page load time and lower per-page payload.

Why Performance Matters

Thanks to mobile device and network proliferation, more people are using the web than ever before. As this user base grows, performance is more important than ever. In this article, find out why performance matters, and learn what you can do to make the web faster for everyone.

Delivering Fast and Light Applications with Save-Data

The Save-Data client hint request header available in Chrome, Opera, and Yandex browsers enables developers to deliver fast and light applications to users who have opted-in to 'data saving' mode in the browser.