Blibli's PWA generates 10x more revenue per user than their previous mobile website
How Blibli achieved a 42% reduction in bounce rate, an 8x improvement in mobile conversion rate, and 2.5x more pages per session.
Blog
Our latest news, updates, and stories for developers
Improving Cumulative Layout Shift at Telegraph Media Group
Within a couple of months the leading UK news website managed to improve their 75th percentile CLS by 250% from 0.25 to 0.1.
CSS `size-adjust` for `@font-face`
As a web font loads, you can now adjust its scale, to normalize the document font sizes and prevent layout shift when switching between fonts
Building a color scheme
A foundational overview of how to establish a dynamic and configurable color scheme
Introducing libSquoosh
It's Squoosh, but as a Node library.
Best practices for fonts
Optimize web fonts for Core Web Vitals.
CSS for Web Vitals
CSS-related techniques for optimizing Web Vitals
Evolving Cumulative Layout Shift in web tooling
Starting today, a change to CLS has been rolled out across a number of Chrome's web tooling surfaces including Lighthouse, PageSpeed Insights, and Chrome UX Report.
Building multiple Progressive Web Apps on the same domain
How to build multiple PWAs, taking advantage of the same domain name, to make the user aware that they belong to the same organization or service.
New CSS functional pseudo-class selectors `:is()` and `:where()`
These seemingly small additions to CSS selector syntax are going to have a big impact.
New Progressive Web App training now available
Get started with Progressive Web Apps with our new six-part training, complete with new codelabs.
The new responsive: Web design in a component-driven world
Controlling macro and micro layout in a new era of responsive web design.
Migrate to User-Agent Client Hints
Strategies to migrate your site from relying on the user-agent string to the new User-Agent Client Hints.
Security headers quick reference
Learn more about headers that can keep your site safe and quickly look up the most important details.
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.
The business impact of Core Web Vitals
This article will help you understand how Core Web Vitals correlate with key business metrics by exploring examples of companies which have already see positive impact for their users and business.
Excalidraw and Fugu: Improving Core User Journeys
Any sufficiently advanced technology is indistinguishable from magic. Unless you understand it. My name is Thomas Steiner, I work in Developer Relations at Google and in this write-up of my Google I/O talk, I will look at some of the new Fugu APIs and how they improve core user journeys in the Excalidraw PWA, so you can take inspiration from these ideas and apply them to your own apps.
ES modules in service workers
A modern alternative to importScripts().
Building a media scroller component
A foundational overview of how to build a responsive horizontal scrollview for TVs, phones, desktops, etc.
Orange: New PWA converts 52% better on mobile
The new PWA also has an average loading time 30% faster than the old site and has improved bounce rate 12% and session depth 18%.
Optimizing Web Vitals using Lighthouse
Finding opportunities to improve user-experience with Chrome's web tooling.
Customize the window controls overlay of your PWA's title bar
Use the title bar area next to the window controls to make your PWA feel more like an app.
