流式示例中缺少冲洗导致 TTFB 延迟
作者: scrhartley创建于 2026年2月2日更新于 2026年3月18日
请参考以下从文档页面修改的流式示例:
templ Page(data chan string) {
<!DOCTYPE html>
<html>
<head>
<title>Page</title>
</head>
<body>
<h1>Page</h1>
@templ.Flush() // 没有子元素 - 缺失于文档中
for d := range data {
@templ.Flush() {
<div>{ d }</div>
}
}
</body>
</html>
}如果不添加此处的额外刷新，则直到第一个数据准备好并可用于范围循环时才会进行渲染。流式的一个优点是 TTFB，没有此修改则不够优化。如果头标签中包含 JS/CSS 资源，则这也会影响它们是否可以开始下载。
内容来源: a-h/templ