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

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

1. 服务器端预处理

在网页加载优化中，服务器端预处理是关键的第一步。整个过程主要分为过滤、修改和准备发送三个主要步骤，以下是详细介绍：
- 过滤（A1） ：
- 脚本过滤 ：加载脚本并进行过滤，去除不必要的 JavaScript 代码。
- CSS 过滤 ：加载外部 CSS 并进行过滤，减少不必要的样式代码。
- 保存数据 ：将过滤后的 CSS 和 JavaScript 数据保存，用于后续的发送步骤。
- 修改（A2） ：
- 修改链接 ：确保网页中的链接指向正确的地址，特别是在跨域或子域的情况下。
- 修改表单 ：将表单数据等需要后端逻辑处理的请求转发到正确的地址。
- 准备发送（A3） ：
- 文本优先（Text First - A3(1)） ：
- 分离 HEAD 和 BODY：将 HTML 文档的 HEAD 和 BODY 部分分离处理。
- 标记和保护特殊元素：对标题标签和链接等特殊元素进行标记和保护，因为它们提供了网页的语义结构和导航功能。
- 压缩和分割元素：将其他元素提取并替换为占位符标签，然后进行压缩和分割。
- 确定发送顺序：先发送包含占位符的 BODY 文本，接着是匹配标记的 BODY HTML 部