服务器端渲染和预渲染区别

913 阅读2分钟

预渲染与服务器渲染原理相似,都是在请求资源返回到浏览器之前先把页面完整渲染出来;

这样,就可以在技术层面上进行一定的SEO优化。因为目前大部分浏览器的爬虫并不会等待我们的页面渲染完毕再进行爬取关键信息、关键字等

也就是说我们的页面对于这些浏览器来说其实是一个空白的页面(SPA)。这个时候想让浏览器爬虫爬取到我们的一些关键信息就需要预渲染或者服务端渲染了;

预渲染与服务端渲染该如何选择?

首先从成本方面来说,预渲染的成本要低于服务端渲染;

但是最终效果可能是服务端渲染会更胜一筹(前提是要有一台高性能的机器。。并且进行合理的性能优化比如使用redis缓存)

最后,如果项目需要良好的SEO则需要选择这两个方案其中之一,服务端渲染的优势在于如果你的机器足够好,那网页的首次加载也会更快,用户体验更好(可能相差几百毫秒)

如果项目对于这几百毫秒并不是非常重视的话可以选择预渲染,既方便又不会额外增加服务器的压力;

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

前端学习路线-小鹿线:xuexiluxian.cn/