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

时间:2018-01-06 07:19:01

标签: javascript html serverside-rendering client-side-scripting

我刚刚开始使用Web开发,特别是Reactjs,它引入了客户端渲染。"我想我理解客户端与服务器端渲染的概念,但我并不完全懂得如何理解这些概念。

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

谢谢!

1 个答案:

答案 0 :(得分:5)

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

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

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