JavaScript: What is the meaning of this?
Figuring out the value of `this` can be tricky in JavaScript, here's how to do it…
The difference between JavaScript libraries and frameworks
Understand the differences between frameworks and libraries in the context of a client-side JavaScript environment.
Keyboard access fundamentals
Many users rely on the keyboard to navigate applications. Design a keyboard navigation strategy for your application to create a better experience for everyone.
Why lab and field data can be different (and what to do about it)
Learn why tools that monitor Core Web Vitals metrics may report different numbers, and how to interpret those differences.
Labels and text alternatives
For a screen reader to present a spoken UI to the user, meaningful elements must have proper labels or text alternatives.
Lazy loading video
This post explains lazy loading and the options available to you to lazy loading video.
Largest Contentful Paint (LCP)
This post introduces the Largest Contentful Paint (LCP) metric and explains how to measure it
The performance effects of too much lazy loading
Eagerly loading images within the initial viewport—while liberally lazy loading the rest—can improve Web Vitals while loading fewer bytes.
Core Web Vitals | Articles
Life of a payment transaction
Learn how merchants integrate payment apps, how payment transactions work with the Payment Request API, and what's possible in Web Payments.
CSS color-scheme-dependent colors with light-dark()
description: Define colors that react to the used color-scheme with the light-dark() function.
Performance monitoring with Lighthouse CI
Learn how to setup Lighthouse CI and integrate it into developer workflows.
Lighthouse user flows
Try out a new Lighthouse API to measure performance and best practices throughout a user flow.
Prefetch resources to speed up future navigations
Learn about rel=prefetch resource hint and how to use it.
web.dev LIVE wrap-up
A summary of the major news and updates that were announced during our 3-day online community event, and a reminder about upcoming regional events.
Understand LLM sizes
Take a look at a few real-world LLMs and the practical implications of different model sizes.
Techniques to make a web app load fast, even on a feature phone
Feature phones are making a resurgence and are popular, especially in emerging markets where 2G is the norm. Here are our learnings from making PROXX, a mobile Minesweeper clone, load fast on feature phones on 2G.
Effectively loading ads without impacting page speed
In today's digital world, online advertising is a critical part of the free web we all enjoy. However, poorly implemented ads can lead to a slower browsing experience, frustrating users and diminishing engagement. Learn how to effectively load ads without impacting your page speed, ensuring a seamless user experience, and maximizing revenue opportunities for website owners.
Loading WebAssembly modules efficiently
When working with WebAssembly, you often want to download a module, compile it, instantiate it, and then use whatever it exports in JavaScript. This post explains our recommended approach for optimal efficiency.
Logical layout enhancements with flow-relative shorthands
New logical property shorthands and new inset properties for Chromium.
Are long JavaScript tasks delaying your Time to Interactive?
Learn to diagnose costly, work-preventing user interaction.
Love your cache ❤️
First load performance is important, but it's not everything. Users who load your site a second time will use their cache to get access to your content—so it's key to make sure it works well too, both for speed and correctness.
How Chrome handles updates to the web app manifest
What it takes to change icons, shortcuts, colors, and other metadata in your web app manifest for your PWA.
Real-Time Effects For Images and Video
Many of today's most popular apps let you apply filters and effects to images or video. This article shows how to implement these features on the open web.