CSE134B web + service workers

regular dom

Shadow host: the ____ node that the shawdow dom is attache to

end, begin

Shadwo Boundary: the place where the shadow DOM __, and the regular DOM _

light

__ DOM: the dom that lives outside the shadow dom

raw

---

__ web components win the performance battle

an app

Don’t make those mistakes, make everything ___ . Some thing are just content really

dynamic

Don’t make those mistakes, make everything ___ . if sth static just keep it

reinvent the wheel

Don’t make those mistakes, ___ . u get lots of things free with html, css, js use them

forget the past

Don’t make those mistakes, ___ .many old ways work and are often better

Accelerated mobile page

what is AMP

very restrictive

why is AMP bad

<!-- Link an external CSS file -->

<link rel="stylesheet" href="styles.css">

<!-- Define a favicon -->

<link rel="icon" href="favicon.ico" type="image/x-icon">

<!-- Preload a font -->

<link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin="anonymous">

<!-- Specify a canonical URL -->

<link rel="canonical" href="https://example.com/page">

what is rel in link for and what types of rel value we got

ads and analytics,

dynamic content,

layout,

media,

presentation,

soscial

what are the 6 primary catergories of amp tags

response, animation, idle, load

what is RAIL

response < 100 ms, animation at 60 fps, idel work load 0-50ms, load<1000ms

performance of rail?

A Service Worker is a background script that runs separately from a webpage and enables powerful features like offline caching, background sync, and push notifications. It acts as a proxy between the browser and the network, allowing for faster loading and offline functionality.

what is service worker?