前端从URL地址看见页面经历了什么？

HTTP网络层优化

• 代码编译层优化 webpack

• 代码运行层优化 html/css + javascript + vue + react

• 安全优化 xss + csrf

• 数据埋点及性能监控
  ……
  CRP（Critical [ˈkrɪtɪkl] Rendering [ˈrendərɪŋ] Path）关键渲染路径

从URL地址看见页面经历了什么？

第一步 URL解析

第二步：缓存检查

缓存位置：

• Memory Cache : 内存缓存
• Disk Cache：硬盘缓存

打开网页：查找 disk cache 中是否有匹配，如有则使用，如没有则发送网络请求
普通刷新 (F5)：因TAB没关闭，因此memory cache是可用的，会被优先使用，其次才是disk cache
强制刷新 (Ctrl + F5)：浏览器不使用缓存，因此发送的请求头部均带有 Cache-control: no-cache，服务器直接返回 200 和最新内容

强缓存 Expires / Cache-Control

浏览器对于强缓存的处理：根据第一次请求资源时返回的响应头来确定的

• Expires：缓存过期时间，用来指定资源到期的时间（HTTP/1.0&#