Resource Hints
link
标签 rel
用于资源预处理的属性,以提升网页性能
preconnect
dns-prefetch
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
每个环节间插入钩子用以更底层地控制渲染