Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[vue] 预渲染和SSR(服务端渲染)有什么区别? #2226

Open
haizhilin2013 opened this issue Apr 11, 2020 · 2 comments
Open

[vue] 预渲染和SSR(服务端渲染)有什么区别? #2226

haizhilin2013 opened this issue Apr 11, 2020 · 2 comments
Labels
vue vue

Comments

@haizhilin2013
Copy link
Collaborator

预渲染和SSR(服务端渲染)有什么区别?

#278#353

我也要出题

@haizhilin2013 haizhilin2013 added the vue vue label Apr 11, 2020
@chen0821
Copy link

chen0821 commented Sep 4, 2020

服务端渲染和预渲染的使用场景还是有较明显的区别的。预渲染的使用场景更多是我们所说的静态页面的形式。服务端渲染适用于大型的、页面数据处理较多且较为复杂的、与服务端有数据交互的功能型网站,一个明显的使用场景就是电商网站。

@robinyangshi
Copy link

预渲染(Prerendering)和服务端渲染(SSR,Server-Side Rendering)都是用于优化Web应用性能和SEO(搜索引擎优化)的技术,但它们在实现方式和应用场景上有一些区别。

预渲染(Prerendering):

预渲染是在构建过程中生成静态HTML文件,这些文件包含了每个路由对应的完整HTML内容。
预渲染通常在构建时(build time)完成,而不是在服务器运行时动态生成。
预渲染后的静态HTML文件可以直接由浏览器加载和展示,无需等待服务器响应,因此具有快速的加载速度。
预渲染适用于静态内容不频繁变化、路由数量较少的情况,适合于静态网站和小型应用。
服务端渲染(SSR,Server-Side Rendering):

服务端渲染是在服务器端动态生成HTML内容,并将其发送给客户端。
客户端请求页面时,服务器根据请求动态生成HTML,包括路由、组件状态等。
服务端渲染的HTML内容可以包含动态数据和组件状态,因此更适合于动态内容和复杂应用。
服务端渲染能够提供更好的SEO支持,因为搜索引擎能够直接获取到完整的HTML内容。
综上所述,预渲染适用于静态内容和小型应用,而服务端渲染适用于动态内容和复杂应用,尤其是需要SEO支持的情况。在选择预渲染或服务端渲染时,需要根据项目的特点和需求进行权衡和选择。有时候也可以结合两者使用,例如对于静态页面使用预渲染,对于动态内容使用服务端渲染。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
vue vue
Projects
None yet
Development

No branches or pull requests

3 participants