Resource Hints

link 标签 rel 用于资源预处理的属性,以提升网页性能

preconnect

对之后需要的资源请求握手建立连接,加速之后的资源获取

dns-prefetch

查询 DNS 获取域名的 IP

prerender

预渲染,即在主线程空闲的时候加载并渲染之后可能访问的路由资源,涉及到 document 则必须结合 visibility API 使用

preload

处于某种原因必须保证某资源的优先加载 — 预加载当前页面的某资源

prefetch

预加载之后可能访问路由的资源

预渲染

prerender

Resource Hints 标准仍然处于 WD 阶段,静等

react-snap

在项目构建产品包时,利用无头浏览器抓取解析出首屏的静态资源,部署上线后,浏览器直接获取首屏静态页面渲染即可

Workers

Web Workers

主线程中计算密集型任务的通用解决方案,长任务可以交给 Web Workers 以获取优良的响应时间

Service Workers

用来代理请求(fetch),并且缓存请求数据,可用于离线访问

Worklet

在像素管道/关键渲染路径 JavaScript -> Style -> Layout -> Paint -> Composite 每个环节间插入钩子用以更底层地控制渲染