How to define your install strategy
Best practices for combining different installation offerings to increase installation rates and avoid platform competition and cannibalization.
How the Core Web Vitals metrics thresholds were defined
The research and methodology behind Core Web Vitals thresholds
Designcember Calculator
A skeuomorphic attempt at recreating a solar calculator on the web that makes use of the ambient light sensor and the window controls overlay feature.
Detached window memory leaks
Detached windows are a common type of memory leak that is particularly difficult to find and fix.
Web Developer Satisfaction
Web Developer Satisfaction is a Google project to gather information about the needs of web developers. The goal is a more reliable, predictable and interoperable web platform, enabling developers to invest in and trust it, and adopt and use new features to grow the platform and their business.
Device Orientation & Motion
Device motion and orientation events provide access to the built-in accelerometer, gyroscope, and compass in mobile devices.
Pixel-perfect rendering with devicePixelContentBox
Since Chrome 84, ResizeObserver supports a new box measurement called device-pixel-content-box, that measures the element's dimension in physical pixels. This is crucial for rendering pixel-perfect graphics, especially in the context of high-density screens.
Accessing hardware devices on the web
This article helps Web developers pick the right hardware API based on a given device.
Disable mouse acceleration to provide a better FPS gaming experience
Web apps can now disable mouse acceleration when capturing pointer events.
Improve page dismissal in synchronous XMLHttpRequest
It's common for a page or app to have unsubmitted analytics or other data when a user closes it. Sites use a synchronous call to XMLHttpRequest(), which hurts the user experience and ignores better ways to save data. Chrome 80 implements a recent spec change to address this.
Discover performance opportunities with Lighthouse
Lighthouse is a tool that helps you measure and find ways to improve a page's performance. Lighthouse gives you a report on how the page did. The report provides a score for each metric and a list of opportunities which, if you implement them, should make the page load faster.
DOM Order Matters
The importance of the default DOM order
How large DOM sizes affect interactivity, and what you can do about it
Large DOM sizes can be a factor in whether interactions are fast or not. Learn more about the relationship between DOM size and INP, and what you can do to reduce DOM size and other ways to limit rendering work when your page has lots of DOM elements.
Jumping the hurdles with the Gamepad API
![Frontend — Downloading resources in HTML5 - a[download]](/covers/8637d946c2.webp?v=8564874)
Downloading resources in HTML5 - a[download]
Chrome now supports the HTML spec's new `download` attribute to `a` elements.
The HTML Drag and Drop API
The HTML5 Drag and Drop API lets developers make almost any element on a page draggable.
Drawing to canvas in Emscripten
Learn how to render 2D graphics to a canvas on the web from WebAssembly with Emscripten.
How Progressive Web Apps can drive business success
Build a solid business case for your PWA. Learn when you should invest, and how you can measure its success.
Easy high DPI images
Effectively managing memory at Gmail scale
Efficiently load third-party JavaScript
Learn how to improve load times and user experience by avoiding the common pitfalls of using third-party scripts.
Best practices for using third-party embeds
This document discusses performance best practices that you can use when loading third-party embeds, efficient loading techniques and the Layout Shift Terminator tool that helps reduce layout shifts for popular embeds.
Emscripten’s embind
Emscripten’s embind
