9、服务器端组合技术详解

服务器端组合技术详解

在网页开发中，服务器端组合是提升页面加载速度和性能的重要手段。下面将详细介绍服务器端组合的相关技术，包括嵌套片段、延迟加载、首字节时间优化以及一些替代方案。

嵌套片段

在服务器端组合中，SSI（Server-Side Includes）包含可以嵌套，即一个片段中可以包含另一个片段。Nginx 会检查所有响应（包括包含的响应）中的 SSI 指令并执行它们。不过，在实际项目中，我们通常会尽量避免嵌套包含，因为每增加一级嵌套都会增加加载时间，原本的两步流程可能会迅速变成三步、四步甚至五步流程。是否接受这种嵌套取决于性能目标以及生成片段所需的时间。

一个常见的嵌套场景是页面头部。许多页面都会包含头部片段，而头部本身又由其他不同的片段组成，例如迷你购物车、导航栏或登录状态。以下是一个简单的示例：

Product page includes the header fragment which includes the mini-cart fragment
Page
Fragment A
Fragment B
A
B
Transfer to
browser
Transfer complete
Response
Last fragment arrived
Page markup arrived
Start sending
TTFB / time to first byte 
Nginx
Parallel
loading
Product page
Banner
Recos
Page
Fragment A
Fragment B
Page
Fragment A
Fragment B
A
B
T