Shadow DOM 301
Shadow DOM v1 - Self-Contained Web Components
Shadow DOM allows web developers to create compartmentalized DOM and CSS for web components
Getting Started with CSS Shapes
Sign-in form best practices
Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use.
What makes for a good sign-out experience?
Practical developer guidance about what to do when a user logs out of the website.
Sign-up form best practices
Help your users sign up, sign in and manage their account details with a minimum of fuss.
Signed Exchanges (SXGs)
An SXG is a delivery mechanism that makes it possible to authenticate the origin of a resource independently of how it was delivered.
How to set up Signed Exchanges using Web Packager
Learn how to serve signed exchanges (SXGs) using Web Packager.
Simplify paint complexity and reduce paint areas
Paint is the process of filling in pixels that eventually get composited to the users' screens. It is often the longest-running of all tasks in the pipeline, and one to avoid if at all possible.
Relating site speed and business metrics
Leverage A/B testing to evaluate the impact of site speed on your business metrics.
Towards an animation smoothness metric
Learn about measuring animations, how to think about animation frames, and overall page smoothness.
SMS OTP form best practices
Asking a user to provide a one-time password is a common way to confirm a user's identity. Learn best practices to build an SMS OTP form, with great user experience.
Scroll snapping after layout changes
Starting in Chrome 81, scrollers remain snapped when the page layout changes. In other words, you no longer need to add event listeners to force resnapping.
Social discovery
You can influence the way your site appears when shared via social media by adding a few lines of code to each page. This can help bring more people to your site by providing previews with richer information than would otherwise be available.
What are source maps?
Improve web debugging experience with source maps.
Avoiding Unnecessary Paints - Animated GIF Edition
Speed at scale: what's new in web performance?
For Google I/O 2019, we introduced three new Web Performance initiatives that we hope will lead to better user experiences for everyone.
Improving the performance of your HTML5 App
Accelerated Rendering in Chrome
Parallaxin'
Best practices for a faster web app with HTML5
Jank busting for better rendering performance
