7 - 访问资源链路: CDN / 浏览器渲染机制 / 性能指标等

[Linjiayu6]

[FE 资源链路] 1 - 资源访问优化(全量) - CDN加速 / 负载均衡 / 缓存刷新 预热

- CDN基本原理
- CDN节点优化, CDN主站

[FE 资源链路] 2 - 资源访问优化 - 补丁 + 本地缓存

- 资源优化
- 本地缓存 + 补丁模式

[FE 资源链路] 3 - CDN返回资源异常 / 分析 / 解决

- CDN 请求 或 返回资源的异常情况
- 如何解决?

[FE 链路] 4 - 针对整个链路 性能优化

[FE 链路] 5 - 浏览器渲染机制 / reflow repaint / async defer

[FE 链路] 6 - 前端性能指标

- TTFB
- DOM Ready DOM 解析完成
- 首屏 首次渲染FP, 首次有内容渲染FCP, 首次有意义渲染FMP, 最大内容渲染 LCP
- 可操作时间评估
- L onLoadEventEnd 所有资源均请求结束

[Linjiayu6]

Reference 应对流量劫持，前端能做哪些工作