How Progressive Web Apps can drive business success
Build a solid business case for your PWA. Learn when you should invest, and how you can measure its success.
Easy high DPI images
Emscripten’s embind
Emscripten’s embind
Introduction to Encrypted Media Extensions
Empowering payment apps with Web Payments
Web Payments aims to provide frictionless payment experience on the web. Learn how it works, its benefits, and get ready to integrate your payment app with Web Payments.
Emscripten and npm
How do you integrate WebAssembly into this setup? In this article we are going to work this out with C/C++ and Emscripten as an example.
Emscripting a C library to Wasm
Emscripting a C library to Wasm
Enable HTTPS on your servers
Enabling HTTPS on your servers is critical to securing your webpages.
ES modules in service workers
Service workers can use static imports of ES modules to bring in extra code, as an alternative to importScripts().
Data-binding revolutions with Object.observe()
Stream updates with server-sent events
Excalidraw and Fugu: Improving Core User Journeys
A write-up of Thomas Steiner's Google I/O 2021 talk titled Excalidraw and Fugu: Improving Core User Journeys
FAQ for hacked sites
This page brings together answers to the questions about hacking we at Google hear most often.
Farewell to HTML5Rocks
So long HTML5Rocks, it's been nice knowing you.
First Contentful Paint (FCP)
This post introduces the First Contentful Paint (FCP) metric and explains how to measure it
Implement error handling when using the Fetch API
Catching errors when working with the Fetch API.
Protect your resources from web attacks with Fetch Metadata
Fetch Metadata is a new web platform feature designed to allow servers to protect themselves from cross-origin attacks.
First Input Delay (FID)
This post introduces the First Input Delay (FID) metric and explains how to measure it
Find slow interactions in the field
Before you can reproduce slow interactions in the lab to optimize your website's Interaction to Next Paint, you'll need to lean on field data to find them. Learn how to do just that in this guide.
Fix the cloaked keywords and links hack
This guide is created specifically for a type of hack that adds keyword-heavy gibberish pages to your site.
Fix the gibberish hack
This guide is created specifically for a type of hack that adds keyword-heavy gibberish pages to your site.
Fix the Japanese keyword hack
This guide is for a type of hack that creates autogenerated Japanese text on your site.
Fixing layout instability
A walkthrough of using WebPageTest to identify and fix layout instability issues.
Fixing mixed content
Find out how to fix mixed content errors on your website, in order to protect users and ensure that all of your content loads.
Making Fullscreen Experiences
Going fullscreen.
Play the Chrome dino game with your gamepad
Learn to control web games with the Gamepad API.
Finding courage and inspiration in the developer community
Web Google Developers Experts on how mentoring programs empowered them to become leaders.
Capture audio and video in HTML5
Rendering HTML5 in older browsers with Google Chrome Frame
GOV.UK drops jQuery from their front end.
GOV.UK dropped their jQuery dependency from their front end. You'll never guess what happened. (Yes, you will.)
Help, I think I've been hacked
Learn how and why websites are hacked.
Hacked with malware
This guide explains how to deal with a site that has been hacked with malware.
Headings and landmarks
By using the correct elements for headings and landmarks, you can dramatically improve the navigation experience for users of assistive technology.
Hiding and updating content
Hiding content from assistive technology
High DPI images for variable pixel densities
Understand how to serve the best quality images as efficiently as possible.
How do I know if my site was hacked?
Steps to follow if you think that your site may be hacked.
How the payment ecosystem works
Learn more about who is involved in the Web Payments ecosystem, how they interact with each other, and how you can participate.
Payment Request API overview
Learn how the Payment Request API works at a high level.
How to choose your Baseline target
Learn what Baseline targets are, how to choose one, and how it can help your development experience.
Use HTTPS for local development
Building Designcember
A peek into the process and tools used to build the holiday-calendar-style experience of Designcember.
How browsers work
Identify the vulnerability
How to search for vulnerabilities on your site.
It's time to lazy-load offscreen iframes!
This post covers the loading attribute and how to use it to control the loading of iframes.
Feedback from the summer 2019 image optimization survey
Comments from survey respondents about various image optimization techniques.
Make your site picture perfect with images.tooling.report
Check out the state of image tooling.
Work with IndexedDB
A guide to the basics of IndexedDB.
Best Practices for Persisting Application State with IndexedDB
Learn best practices for syncing application state between IndexedDB and popular state management libraries.
Interaction to Next Paint (INP)
This post introduces the Interaction to Next Paint (INP) metric and explains how it works, how to measure it, and offers suggestions on how to improve it.
What does it take to be installable?
Progressive Web App installability criteria.
Trust is good, observation is best: Intersection Observer v2
Intersection Observer v2 can detect if an element was visible at the time of intersection.
Introduction to fetch()
The `fetch()` API is landing in the window object and can replace XHRs.
Lazy loading video
This post explains lazy loading and the options available to you to lazy loading video.
web.dev LIVE wrap-up
A summary of the major news and updates that were announced during our 3-day online community event, and a reminder about upcoming regional events.
Logical layout enhancements with flow-relative shorthands
New logical property shorthands and new inset properties for Chromium.
How Chrome handles updates to the web app manifest
What it takes to change icons, shortcuts, colors, and other metadata in your web app manifest for your PWA.
Real-Time Effects For Images and Video
Many of today's most popular apps let you apply filters and effects to images or video. This article shows how to implement these features on the open web.
Manually diagnose slow interactions in the lab
You've looked through your field data, and it turns out that you have some slow interactions. The next step is to learn more about how to manually test those interactions, and identify the causes behind them.
Adaptive icon support in PWAs with maskable icons
Maskable icons are a format that give you more control and let your Progressive Web App use adaptive icons. A maskable icon can look great on all Android devices.
Measure offline usage
How to track offline usage of your site so that you can make a case as to why your site needs a better offline experience.