浏览器解析、渲染与资源加载
HTTP、Web 与浏览器原理#Python全栈#第九阶段#HTTP、Web 与浏览器原理#浏览器解析、渲染与资源加载约 786 字 · 2 分钟阅读
追问显示点击任意追问卡片可收起 / 展开
收到 HTML 后，浏览器如何逐步形成可见页面？
追问 DOM、样式计算、布局、绘制与合成分别负责什么？为什么不能简单认为下载完所有资源才开始展示？
HTML 源代码与最终 DOM 为什么可能不一致？
追问 解析器纠错、隐式结构与 JavaScript 修改各可能怎样影响元素树？如何区分原始响应与运行结果？
CSS 与 JavaScript 可能怎样阻塞页面处理？
追问 阻塞解析、阻塞渲染与脚本等待样式有什么区别？defer、async 与模块脚本怎样改变依赖和执行顺序？
DOMContentLoaded 与 load 事件分别意味着什么？
追问 图片、延后脚本与动态请求如何影响判断？为什么 DOMContentLoaded 不代表页面业务数据已经全部加载？
浏览器事件循环与主线程任务怎样影响用户交互？
追问 长计算和大量连续微任务为什么可能延迟绘制？把计算代码放进 async 函数是否就能避免卡顿？
布局变化、重绘与合成有什么区别？
追问 反复写样式再读取尺寸为什么可能引发强制布局？如何用性能记录验证，而不是把所有动画都断言为零成本？
首字节时间、首屏可见与业务可操作是同一个指标吗？
追问 服务器较快返回 HTML 但页面仍白屏，可能卡在哪些阶段？怎样组合网络与性能证据？
preload、preconnect 与懒加载分别尝试优化什么？
追问 资源优先级、连接成本和不必要加载怎样权衡？为什么大量添加资源提示可能适得其反？
Cookie、Web Storage 与 IndexedDB 的访问和发送方式有什么区别？
追问 哪些数据会自动随符合条件的请求发送？保存大量结构化离线数据时，应考虑哪些容量、同步与清理条件？
Service Worker 可以怎样影响请求与离线页面？
追问 页面拿到旧响应时，为什么需要检查是否经过拦截？Service Worker 的 Cache Storage 与普通 HTTP 缓存如何区分？
核对资料： HTML 标准：文档解析。