图像是在客户端还是在服务器端呈现?

Are Images Rendered Client Side or Server Side?

我刚刚开始进行 Web 开发,尤其是 Reactjs,它介绍了 "client side rendering." 我想我了解客户端与服务器端渲染的概念,但我不知道如何理解这些概念务实地。

例如,当我有 <img src="airplane.png" /> 时,此图像是在客户端加载还是在服务器端加载? IE,服务器 return 图像是否作为原始请求的一部分,或者图像是否通过在 HTML 服务后向服务器发出另一个请求从客户端加载?如果我要加载大量图像,我希望它们是在客户端加载还是在服务器端加载?

谢谢!

是后一种情况。相应的标签将被插入到页面的 DOM 中,浏览器将向服务器发出另一个请求(或图像托管的任何地方 - 它不必是 your 服务器)获取该图像的内容。

术语客户端呈现与服务器端呈现指的是计算文档结构的位置。在后者(也是经典案例)中,服务器根据请求构建整个文档,而在前者中,它构建一个骨架文档,并由客户端的应用程序逻辑在应用程序运行时构建文档。当然,在服务器端渲染中,您有时也会开始修改 DOM 以制作交互式应用程序,因此划分并不那么明确。

可以提供图像作为 data URL,它将图像内容作为 URL 嵌入,并且将在正文中下载最初的文件请求。或者有时在附加的 CSS 文件中。但这对于不经常使用的小图像很有用(svg 图标或类似的东西)。