Demián Renzulli
Demián is a Partner Engineer working at Google New York.
developer.chrome.com
Deprecating the unload event
unload event
The unload event will be gradually deprecated starting from Chrome 117. Learn what this means and how sites and enterprises can prepare for this
web.dev
How Terra improved user engagement thanks to Dark Mode
Terra, one of Brazil's largest media companies with 75 million monthly users, reduced the bounce rate by 60% and increased the pages read…
web.dev
Building multiple Progressive Web Apps on the same domain
In the Progressive Web Apps in multi-origin sites blog post, Demian discussed the challenges that sites built on multiple origins face when…
developer.chrome.com
Offline-First Trusted Web Activities
How to display a fallback offline screen, if the first time the user opens the app, there's no connectivity.
web.dev
Broadcast updates to pages with service workers
In some scenarios the service worker might need to proactively communicate with any of the active tabs it controls to inform of a certain…
web.dev
Imperative caching guide
Some websites might need to communicate to the service worker without the need of being informed about the result. Here are some examples:…
web.dev
Two-way communication with service workers
In some cases, a web app might need to establish a two-way communication channel between the page and the service worker. For example: in a…
web.dev
Workers overview
This overview explains how web workers and service workers can improve the performance of your website, and when to use a web worker versus…
web.dev
How Mercado Libre optimized for Web Vitals (TBT/FID)
Mercado Libre is the largest e-commerce and payments ecosystem in Latin America. It is present in 18 countries and is a market leader in…
web.dev
Adaptive loading with service workers
Users access websites through a wide variety of devices and network connections. Even in major cities, where mobile networks are fast and…
web.dev
App shell UX with service workers and streams
Single-page app (SPA) is an architectural pattern in which the browser runs JavaScript code to update the existing page when the user…
web.dev
Instant navigation experiences
Performing a task on a site commonly involves several steps. For example, purchasing a product in an e-commerce website might involve…
web.dev
Resilient search experiences
Even in locations with fast networks a user might lose connection or connect to a flaky network, at some moments of the day. For example: a…
web.dev
Building resilient search experiences with Workbox
This codelab shows you how to implement a resilient search experience with Workbox. The demo app it uses contains a search box that calls a…
web.dev
Prefetching in create-react-app with Quicklink
This codelab uses Chrome DevTools. Download Chrome if you don't already have it. This codelab shows you how to implement the Quicklink…
web.dev
Speed up navigations in React with Quicklink
Prefetching is a technique to speed up navigations by downloading the resources for the next page, ahead of time. Quicklink is a library…
web.dev
How to define your install strategy
In the past, app installation was only possible in the context of platform-specific applications. Today, modern web apps offer installable…
web.dev
Optimize CSS background images with media queries
Many sites request heavy resources, like images, that are not optimized for certain screens, and send large CSS files containing styles…
web.dev
Prefetch resources to speed up future navigations
Research shows that faster load times result in higher conversion rates and better user experiences. If you have insight into how users…
web.dev
Two ways to prefetch: <link> tags and HTTP headers
<link> tags and HTTP headersThis codelab uses Chrome DevTools. Download Chrome if you don't already have it. In this codelab, you'll implement prefetching in two ways:…
web.dev
Progressive Web Apps in multi-origin sites
Background # In the past, there were some advantages to using multi-origin architectures, but for Progressive Web Apps, that approach…
web.dev
Minify CSS
CSS files can contain unnecessary characters, such as comments, whitespaces, and indentation. In production, these characters can be safely…
web.dev
Defer non-critical CSS
CSS files are render-blocking resources: they must be loaded and processed before the browser renders the page. Web pages that contain…
developer.chrome.com
