为什么通过Express发送静态HTML文件时客户端内存占用明显更高？

原因分析 #

1. 首先可以排除Express发送额外内容的可能：你提供的代码仅通过sendFile方法返回静态HTML文件，该方法仅会读取目标文件的内容作为响应体，附加的标准HTTP响应头总大小仅为数百字节，完全不足以造成可观测的内存差异，该问题和Express本身无关。
2. 内存差异的核心原因是浏览器对file://本地协议和http://网络协议的页面执行完全不同的处理逻辑：

• 本地file协议打开页面时，浏览器会禁用大量网络相关特性：包括跨域检测逻辑、HTTP缓存上下文、预连接/预解析等预加载机制，也不会为该页面分配源站对应的会话存储、Cookie存储、网络请求缓冲区等预留内存，同时很多浏览器内核的共享模块内存不会被统计到file协议页面的进程内存中。
• 通过HTTP协议访问页面时，浏览器会为对应源站分配完整的安全上下文、网络请求调度资源、会话存储预留空间，同时会统计关联的网络栈内存开销，这些附加的分配开销就是你观测到的内存差异的来源。

验证方案 #

你可以通过以下操作验证上述结论：

• 打开浏览器开发者工具的网络面板，对比本地打开和Express返回的HTML内容，确认两者完全一致。
• 换用其他静态文件服务（比如Python执行python -m http.server、Node生态的serve包）返回同一个HTML文件，可观测到和Express场景一致的内存占用，进一步确认和Express无关。
• 禁用浏览器的预加载、缓存功能后重新测试，两者的内存差异会明显缩小。

内容的提问来源于stack exchange，提问作者Grizzly