Prevent unnecessary network requests with the HTTP Cache
The browser's HTTP Cache is your first line of defense against unnecessary network requests.
Improve security and privacy by updating HTTP Cache
Forgetting or misusing the Cache-Control header might negatively impact the security of your website and your users' privacy. Get recommendations for high-value websites.
Icons and browser colors
Modern browsers make it easy to customize certain components, like icons, the address bar color, and even add things like custom tiles. These simple tweaks can increase engagement and bring users back to your site.
Identify resources loaded from the network
Coming up with the right caching strategies for your web application requires getting a handle on what exactly you're loading. When building a reliable web application, the network can be subject to all kinds of dark forces. You need to understand the network's vulnerabilities if you hope to cope with them in your app.
Identify slow third-party JavaScript
Learn how to use Lighthouse and Chrome DevTools to identify slow third-party resources.
Identify the vulnerability
How to search for vulnerabilities on your site.
It's time to lazy-load offscreen iframes!
This post covers the loading attribute and how to use it to control the loading of iframes.
Use image CDNs to optimize images
Consider using an image CDN to optimize your site's images and reduce its data cost for your users.
Feedback from the summer 2019 image optimization survey
Comments from survey respondents about various image optimization techniques.
Image policies for fast load times and more
Images take up a significant amount of visual space and make up the majority of the downloaded bytes on a website. Use the new feature policies to identify oversized images.
Make your site picture perfect with images.tooling.report
Check out the state of image tooling.
Imperative caching guide
How to communicate window and service worker to perform tasks related to performance, caching and offline.
HTML Imports
Explore product review suggestions with client-side AI
Online stores can see a 270% increase in conversions by displaying product reviews. Support better reviews with client-side AI.
Incorporate performance budgets into your build process
The best way to keep an eye on your performance budget is to automate it. Find out how to choose a tool that best fits your needs and current setup.
Work with IndexedDB
A guide to the basics of IndexedDB.
Best Practices for Persisting Application State with IndexedDB
Learn best practices for syncing application state between IndexedDB and popular state management libraries.
Databinding UI elements with IndexedDB
The inert attribute
The inert property is a global HTML attribute that simplifies how to remove and restore user input events for an element, including focus events and events from assistive technologies.
Interaction to Next Paint (INP)
This post introduces the Interaction to Next Paint (INP) metric and explains how it works, how to measure it, and offers suggestions on how to improve it.
What does it take to be installable?
Progressive Web App installability criteria.
IntersectionObserver's coming into view
IntersectionObservers let you know when an observed element enters or exits the browser's viewport.
Trust is good, observation is best: Intersection Observer v2
Intersection Observer v2 can detect if an element was visible at the time of intersection.