Handle range requests in a service worker
Make sure your service worker knows what to do when a partial response is requested.
Synchronized cross-device mobile testing
Four common types of code coverage
Learn what code coverage is and discover four common ways to measure it.
Pyramid or Crab? Find a testing strategy that fits
Discover how to combine different testing types into a reasonable strategy that matches your project.
Defining test cases and priorities
Determine what to test, define your test cases, and prioritize.
Three common types of test automation
Let's start with the basics! Exploring the two general testing modes and three common types of test automation.
To test or not to test, a technical perspective
Determine what you need to test and what you can rule out.
Best practices for tags and tag managers
Optimize tags and tag managers for Core Web Vitals.
Total Blocking Time (TBT)
This post describes the Total Blocking Time (TBT) metric and explains how to measure it
Compare LLM capability with summarization
Evaluate the results of different models and prompts with the LLM as a judge technique. Instead of relying on human judgment, model validation is delegated to another LLM.
Testing Web Design Color Contrast
An overview of three tools and techniques for testing and verifying accessible color contrast of your design.
Text Alternatives for Images
Using the alt attribute to provide text alternatives for images
Boldly link where no one has linked before: Text Fragments
Text Fragments let you specify a text snippet in the URL fragment. When navigating to a URL with such a text fragment, the browser can emphasize and/or bring it to the user's attention.
The Accessibility Tree
Introduction to the Accessibility Tree
The amazing powers of CSS
The Basics of easing
Learn how to soften and give weighting to your animations.
The end of Internet Explorer
What ending support for Internet Explorer meant for the customers and developers at Maersk.com.
Third-party JavaScript performance
This post describes the common kinds of third-party JavaScript and the performance issues they can cause. It also provides general guidance about how to optimize third-party scripts.
What are third-party origin trials?
Getting started with Three.js
The most effective ways to improve Core Web Vitals
A collection of best practices that Chrome has identified as the biggest opportunities to optimize web performance and improve Core Web Vitals
Top ways sites get hacked by spammers
Find out the ways that spammers can compromise your site.
Confound malicious middlemen with HTTPS and HTTP Strict transport security
A Simple Trip Meter using the Geolocation API
Prevent DOM-based cross-site scripting vulnerabilities with Trusted Types
Introducing Trusted Types: a browser API to prevent DOM-based cross-site scripting in modern web applications.
Time to First Byte (TTFB)
This post explains the Time to First Byte (TTFB) metric and shows how to measure it.
Time to Interactive (TTI)
This post introduces the Time to Interactive (TTI) metric and explains how to measure it
Two-way communication with service workers
How establish a two-way communication channel between the page and the service worker.
The UI fund
Announcing the UI fund from Chrome, designed to provide grants for people who work on design tools, CSS, and HTML.
Understanding cookies
Learn about how cookies work and what are first-party and third-party cookies.
Understanding CSS filter effects
What are the parts of a URL?
What's the difference between a host, site and origin? What is an eTLD+1? This article explains.
Use Baseline with Browserslist
Add Baseline to your development linting and packaging tools with browserslist-config-baseline.
Use Imagemin to compress images
Uncompressed images bloat your pages with unnecessary bytes. Run Lighthouse to check for opportunities to improve page load by compressing images.
Use Lighthouse for performance budgets
Lighthouse now supports performance budgets. This feature, LightWallet, can be set up in under five minutes and provides feedvack on the size and quantity of page resources.
Make use of long-term caching
How webpack helps with asset caching
Use push notifications to engage and re-engage users
Use push notifications to engage users with targeted, timely updates.
Use Search Console
Verify ownership then check your site using Search Console.
Top tips for web performance
Use srcset to automatically choose the right image size.
User-centric performance metrics
User-centric performance metrics are a critical tool in understanding and improving the experience of your site in a way that benefits real users.
User Location
Most browsers and devices have access to the user's geographic location. Learn how to work with the user's location in your site and apps.
User preference media features client hints headers
The :user-valid and :user-invalid pseudo-classes
About the :user-valid and :user-invalid pseudo-classes and how to use them to improve the user experience of input validation.
User timing API
Using a PWA in your Android app
How to open a Progressive Web App in an Android app.
Using bundlesize with Travis CI
Define performance budgets with minimal setup and enforce them as part of your development workflow using bundlesize with Travis CI.
Using Lighthouse Bot to set a performance budget
You've done hard work to get fast, now make sure you stay fast by automating performance testing in Travis CI with Lighthouse Bot.
Using tabindex
Use the tabindex attribute to explicitly set an element's tab position.
Basics of UX
A step-by-step guide to the basics of UX design.
The value of speed
Demonstrate the revenue generated by site improvements while excluding external factors such as marketing campaigns.
Introduction to variable fonts on the web
How variable fonts work, how typographers implement variable fonts, and how to work with variable fonts in CSS.
Variable fonts in real life
Sharing a practical guide to variable fonts, with lots of examples.
The <video> and <source> tags
You've properly prepared a video file for the web. You've given it correct dimensions and the correct resolution. You've even created separate WebM and MP4 files for different browsers. For anyone to see it, you still need to add it to a web page.
Going beyond images with basic video for the web
Research shows that web video lead to higher engagement and sales. Even if you haven't added video to your sites yet, it's just a matter of time until you do.
Virtualize large lists with the Angular CDK
Learn how to make large lists more responsive by implementing virtual scrolling with the Angular Component Dev Kit.
Virtualize large lists with react-window
react-window is a library that allows large lists to be rendered efficiently.
Web Vitals
Essential metrics for a healthy site
Best practices for measuring Web Vitals in the field
How to measure Web Vitals with your current analytics tool
Measure and debug performance with Google Analytics 4 and BigQuery
Learn how to send Web Vitals data to Google Analytics 4 properties and export the data for analysis in BigQuery and Looker Studio.