How do I notify users that my PWA is installable?
How to promote installation of Progressive Web Apps and best practices.
Blog
Our latest news, updates, and stories for developers
What should you measure to improve performance?
Strategies to measure performance at each stage in the purchase funnel.
Image policies for fast load times and more
Use optimized image policies to ensure your site is using the best performing images.
Extract critical CSS
Learn how to improve render times with critical CSS technique.
Are long JavaScript tasks delaying your Time to Interactive?
Learn to diagnose costly work preventing user interaction.
Speed at scale: what's new in web performance?
Learn about three new web performance launches from I/O 2019.
Introducing PROXX
A game of proximity, inspired by minesweeper.
SameSite cookies explained
Secure your site by learning how to explicitly mark your cross-site cookies.
Visual searching with the Web Perception Toolkit
Easy to use real-world interactivity.
Hands-on with Portals: seamless navigation on the web
Learn how the proposed Portals API can improve your navigation UX.
How to report metrics and build a performance culture
Understand why performance matters when it comes to conversion.
web.dev at I/O 2019
New look. New docs. New blog!
prefers-reduced-motion: Sometimes less movement is more
The prefers-reduced-motion media query detects whether the user has requested the operating system to minimize the amount of animation or motion it uses.
Trust is good, observation is better: Intersection Observer v2
Intersection Observer v2 adds the capability to not only observe intersections per se, but to also detect if the intersecting element was visible at the time of intersection.
Responsive web design basics
How to create sites which respond to the needs and capabilities of the device they are viewed on.
Constructable Stylesheets
Seamless reusable styles.
Rendering on the Web
Where should we implement logic and rendering in our applications? Should we use Server Side Rendering? What about Rehydration? Let's find some answers!
The <model-viewer> web component
Adding 3D models to a website can be tricky; <model-viewer> is as easy as writing HTML.
Emscripten and npm
How do you integrate WebAssembly into this setup? In this article we are going to work this out with C/C++ and Emscripten as an example.
Is your app installed? getInstalledRelatedApps() will tell you!
The getInstalledRelatedApps() method allows your website to check whether
your iOS/Android/desktop app or PWA is installed on a user's device.
WebAssembly Threads ready to try in Chrome 70
WebAssembly thread support has shipped in Chrome 70 under an origin-trial.
Extending the browser with WebAssembly
WebAssembly lets us extend the browser with new features. This article shows how to port the AV1 video decoder and play AV1 video in any modern browser.