45、基于渐进流式传输的改进网页加载技术解析

基于渐进流式传输的改进网页加载技术解析

1. 服务器端预处理流程

在网页加载优化中，服务器端的预处理起着关键作用，主要包括过滤、修改和准备发送三个步骤，以下是详细介绍：
- 过滤（A1） ：
- 脚本过滤 ：加载脚本并过滤JavaScript代码，将过滤后的脚本信息保存，供后续步骤使用。
- CSS过滤 ：加载外部CSS文件并进行过滤，同样保存相关信息。
- 修改（A2） ：
- 修改链接 ：确保链接指向正确的地址，特别是在预处理网页运行在不同域名或子域名的情况下。
- 修改表单 ：将需要后端逻辑处理的表单数据请求转发到正确的地址。
- 准备发送（A3） ：
- 文本优先（Text First - A3(1)） ：
- 分离HTML文档的HEAD和BODY部分。
- 对HEAD元素（如元标签）进行单独打包，为外部链接的JavaScript和CSS设置占位符。
- 在BODY中，保护标题标签和链接等特殊元素，提取其他元素并用占位符标签替换。
- 发送顺序为：先发送包含占位符的BODY文本元素，接着是带占位符的HEAD元素、占位符HTML、HEAD元素、BODY的结构元素、CSS元素、SCRIPT元素，最后是之前过滤保存的CSS和JavaScript。
- 布局优先（Layout