The best problem-solving writing in software engineering — databases, performance, security, frontend and distributed systems, in one feed.
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.
Learn how to use Lighthouse and Chrome DevTools to identify slow third-party resources.
How to search for vulnerabilities on your site.
This post covers the loading attribute and how to use it to control the loading of iframes.
Consider using an image CDN to optimize your site's images and reduce its data cost for your users.
Comments from survey respondents about various image optimization techniques.
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.
Check out the state of image tooling.
How to communicate window and service worker to perform tasks related to performance, caching and offline.
Online stores can see a 270% increase in conversions by displaying product reviews. Support better reviews with client-side AI.
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.
A guide to the basics of IndexedDB.
Learn best practices for syncing application state between IndexedDB and popular state management libraries.
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.
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.
Progressive Web App installability criteria.
IntersectionObservers let you know when an observed element enters or exits the browser's viewport.
Intersection Observer v2 can detect if an element was visible at the time of intersection.
Two of the hurdles developers face when migrating to HTTPS are concepts and terminology. This guide provides a brief overview of both.
The `fetch()` API is landing in the window object and can replace XHRs.
This handy CSS pseudo-selector gives you a way to select elements that are modal.
Figuring out the value of `this` can be tricky in JavaScript, here's how to do it…