Building a Settings component
A foundational overview of how to build a settings component of sliders and checkboxes.
JavaScript: What is the meaning of this?
Figuring out the value of this can be tricky in JavaScript, here's how to do it…
Building a Tabs component
A foundational overview of how to build a tabs component similar to those found in iOS and Android apps.
Building a sidenav component
A foundational overview of how to build a responsive slide out sidenav
Announcing Squoosh v2
New codecs support, updated design, and CLI support!
Building a Stories component
A foundational overview of how to build an experience similar to Instagram Stories on the web.
Detached window memory leaks
Find and fix tricky memory leaks caused by detached windows.
How Mercado Libre optimized for Web Vitals (TBT/FID)
Optimizing interactivity of product details pages for a 90% reduction in Max Potential FID in Lighthouse and a 9% improvement in FID in Chrome User Experience Report.
Pixel-perfect rendering with devicePixelContentBox
How many pixels are there really in a canvas?
Choose the best build tool for your project with tooling.report
Select and configure build tools based on best practices.
Web developer tools for debugging JavaScript issues in Google Search
How to debug SEO issues on individual pages or across an entire site.
Web Animations API improvements in Chromium 84
Orchestrating animations with promises, performance improvements with replaceable animations, smoother animations with composite modes, and more.
How CommonJS is making your bundles larger
Learn how CommonJS modules are impacting the tree-shaking of your application
Monitor your web page's total memory usage with `measureUserAgentSpecificMemory()`
Learn how to measure memory usage of your web page in production to detect regressions.
Ensure your website is available and usable for everyone during COVID-19
How to ensure that the core functionality of your website is always available, accessible, secure, usable, discoverable, and fast.
Efficiently load third-party JavaScript
Avoid the common pitfalls of using third-party scripts to improve load times and user experience.
Making JavaScript and Google Search work together
Get the latest updates and insights from Google I/O 2019.
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.
Best Practices for Using IndexedDB
Learn best practices for syncing application state between IndexedDB an popular state management libraries.
Async functions: making promises friendly
Async functions allow you to write promise-based code as if it were synchronous.