图像是渲染客户端还是服务器端？

Question

我刚刚开始进行Web开发,特别是Reactjs,它引入了"客户端渲染".我想我理解客户端与服务器端渲染的概念,但我并不完全知道如何务实地理解这些概念.

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

谢谢!

Answer 1

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

术语客户端与服务器端呈现指的是计算文档结构的位置.在后者(和经典案例)中,服务器根据请求构建整个文档,而在前者中,它构建一个框架文档,并由客户端的应用程序逻辑构建应用程序运行时的文档.当然,在服务器端渲染中,您在某些时候也开始修改DOM以便创建交互式应用程序,因此描述并不像那样清晰.

您可以将图像作为数据URL提供,该URL将图像的内容作为URL嵌入,并将其下载到初始文档请求的正文中.或者有时在附加的CSS文件中.但这对于经常不使用的小图像(svg图标或类似的东西)很有用.