javascript - html、css、javascript 文件是如何捆绑并从服务器发送到客户端浏览器的？

Question

我有一个关于网站/webapp 的基本问题。通常，网站/webapps 有一个 html 页面，它使用几个 css 文件和几个 javascript 文件。我很好奇所有这些文件是如何从服务器发送到客户端浏览器的。一种简单但低效的方法可能是第一台服务器通过 html 发送。然后，客户端浏览器解析 html 并找出 css、javascript 文件的所有文件/路径/URL 名称，然后对每个文件发出一个请求。然后，浏览器在浏览器上呈现网页。这是低效的，因为客户端正在对它强制需要的文件发出多个请求。更好的方法可能是，在第一个响应本身中，服务器将所有这些 html、css、javascript 文件捆绑到一个响应中（可能是响应流将在标头中包含文件名，然后是文件数据，然后是分隔符，然后是文件名，文件数据，然后是分隔符等等）。这两种解决方案都只是我的猜测。

我很想知道在实践中遵循的技术是什么。响应的结构是什么样的等等。

标签： javascripthtmlcsswebbrowser