Reduce web font size
This post explains how to reduce the size of the WebFonts that you use on your site, so that good typography doesn't mean a slow site.
Referer and Referrer-Policy best practices
Consider setting a referrer policy of `strict-origin-when-cross-origin`. It retains much of the referrer's usefulness, while mitigating the risk of leaking data cross-origins.
Registering a custom protocol handler
Registering a web-based payment app
Learn how to register a web-based payment app to a customers' browser. You'll also learn how to debug them.
Remove unused code
Analyze your JavaScript bundle to detect and remove unused code.
Rendering on the Web
Recommendations for implementing logic and rendering in apps.
Rendering performance
Users notice if sites and apps don't run well, so optimizing rendering performance is crucial!
Replace animated GIFs with video for faster page loads
Have you ever seen an animated GIF on a service like Imgur or Gfycat, inspected it in your dev tools, only to find out that GIF was really a video? There's a good reason for that. Animated GIFs can be downright huge! By converting large GIFs to videos, you can save big on users' bandwidth.
Request a review
You must request a review from Google to have your page or site unflagged as dangerous or possibly deceptive to users.
requestAutocomplete
Perform efficient per-video-frame operations
Register a callback that runs in the rendering steps, when a new video frame is sent to the compositor.
ResizeObserver: it's like document.onresize for elements
`ResizeObserver` notifies you when an element's content rectangle changes size so that you can react accordingly.
Resolution
Resolution is the amount of information in a frame of video.
Responsive images
A picture is worth 1000 words, and images play an integral part of every page. But they also often account for most of the downloaded bytes. With responsive web design not only can our layouts change based on device characteristics, but images as well.
Responsive web design basics
Create sites that respond to the needs and capabilities of the device they're viewed on.
Right-sized AI: Good for business, users, and the planet
Take a more sustainable approach to AI, which also benefits from lower latency, decreased costs, and increased offline access.
Route-level code splitting in Angular
Learn how to make your initial app bundle smaller by using route-level code splitting.
Route prefetching in Next.js
Route preloading strategies in Angular
Learn how to use Angular's preloading strategies for faster apps.
Same-origin policy
A browser can load and display resources from multiple sites. If there is no restriction on interactions between those resources, and if a script is compromised by an attacker, the script could expose everything on a user's browser.
"Same-site" and "same-origin"
"same-site" and "same-origin" are frequently cited but often misunderstood terms. This page explains what they are and how they are different.
SameSite cookie recipes
Sites can now explicitly mark their cookies for cross-site usage. Learn how to mark up your cookies to ensure that your first-party and third-party cookies continue to work after this change is implemented.
SameSite cookies explained
Learn to mark your cookies for first-party and third-party usage with the SameSite attribute. You can enhance your site's security by using SameSite's Lax and Strict values to improve protection against CSRF attacks. Specifying the new None attribute lets you explicitly mark your cookies for cross-site usage.
