129 open source projects by GoogleChromeLabs

Google Performance Tools runner using Puppeteer

JavaScript (engine) Version Updater

Service Worker Application Shell Architecture

Bubblewrap is a Command Line Interface (CLI) that helps developers to create a Project for an Android application that launches an existing Progressive Web App (PWAs) using a Trusted Web Activity.

Some tests for comparing performance between bundling and unbundling JS

A game of proximity

*** DEPRECATED *** SMB support is now built into Chrome OS since 71. See README for more info.

WordPress plugin to lazy-load media using the native browser feature.

A service worker implementation of the behavior defined in a page's AppCache manifest.

PWACompat to bring Web App Manifest to older browsers

Helper classes and methods for implementing the idle-until-urgent pattern

Create healthy diverting doodles!

Demos for different Houdini APIs

Literate code examples for common UI patterns.

A reference for the render impact of mutating CSS properties.

JSBI is a pure-JavaScript implementation of the official ECMAScript BigInt proposal.

Service Worker Precache is a module for generating a service worker that precaches resources. It integrates with your build process. Once configured, it detects all your static resources (HTML, JavaScript, CSS, images, etc.) and generates a hash of each file's contents. Information about each file's URL and versioned hash are stored in the generated service worker file, along with logic to serve those files cache-first, and automatically keep those files up to date when changes are detected in subsequent builds.

tooling.report a quick way to determine the best build tool for your next web project, or if tooling migration is worth it, or how to adopt a tool's best practice into your existing configuration and code base.

A Sample WordPress-based Progressive Web App

CSS Custom Paint / Paint Worklet polyfill with special browser optimizations.

A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

🧮 Calculate the size and performance impact of switching to modern JavaScript syntax.

Webpack loader to offload modules to Worker threads seamlessly using Comlink.

A PWA directory, focusing on collecting PWA best practices and examples.

A list of community-built, third-party tools that can be used to improve page performance

Deliver experiences best suited to a user's device and network constraints

A text editor for ChromeOS and Chrome

FireBug for designers › Edit any webpage, in any state https://a.nerdy.dev/gimme-visbug

WordPress feature plugin to bring Progressive Web Apps (PWA) to Core

A sample that project Trusted Web Activities technology to wrap SVGOMG in an Android Application

Puppeteer as a service

A collection of prototyped UI elements

Web Audio API samples by Chrome WebAudio Team

PageLifecycle.js is a tiny JavaScript library that allows developers to easily observe Page Lifecycle API state changes cross browser

A mini mobile web device lab

A collection of tools for service workers

A training project for learning Webpack optimizations

Samples and demos from the Progressive Rendering I/O talk

Air horn

A JavaScript library for measuring First Input Delay (FID) in the browser.

"Shrine" Progressive Web App sample built with React

File System Access API with legacy fallback in the browser

Time-to-interactive polyfill

PageSpeed Insights Reporting for Node

Using a library in your webpack project? Here’s how to optimize it

Examples of using the SameSite cookie attribute in a variety of language, libraries, and frameworks.