什么是 HTML 文档的预解析？

文档的预解析（Document Preprocessing）指的是在浏览器开始渲染和解析 HTML 文档之前，对文档进行的一系列处理。这通常包括：

主要目的

1. 优化加载时间：通过在服务器端或浏览器端对文档进行预处理，减少客户端的解析和渲染时间。
2. 提高安全性：对文档进行预处理以防止潜在的安全威胁，比如恶意代码的注入。
3. 增强兼容性：处理文档中可能引起兼容性问题的内容，确保在不同浏览器中的一致性表现。

常见的预解析技术

1. HTML Minification：在服务器端对 HTML 文件进行压缩，去除不必要的空格、换行符和注释，减小文件大小。
2. 资源预加载：在 HTML 中使用 <link rel="preload"> 或 <link rel="prefetch"> 标签，提前加载可能会在后续渲染中用到的资源（如脚本、样式表）。
3. 模板编译：将客户端模板（如 Handlebars 或 Vue 组件）预编译成 JavaScript 代码，减少客户端的编译负担。
4. DOM 预处理：对文档结构进行优化，例如将复杂的 DOM 操作预处理成更高效的结构。
5. 延迟加载：对资源（如图片）使用延迟加载技术，避免在初次渲染时加载不必要的内容。

优点

• 提升页面加载速度：减少客户端处理时间，提高用户体验。
• 降低服务器负载：通过在服务器端进行一些预处理，减少了每次客户端请求时的计算负担。
• 增强安全性：过滤和清理潜在的安全风险。