当前位置: 首页 > Web前端 > vue.js

SSRServerRendering

时间:2023-03-31 19:09:02 vue.js

SSR简介SSR是ServerSideRender的缩写;它是在服务器端渲染生成HTML文件,在浏览器世界中显示生成HTML文件。补充:我们使用的传统CSR是ClientSideRender。内容由我们加载的js文件渲染,该文件运行在浏览器上。SSR的优点可以很好的解决首页需要加载js和CSS导致的页面加载慢的问题(最头疼的)。SSR直接将HTML字符串传递给浏览器,从而加快了首屏的加载时间。为了优化SEO,SSR生成的HTML是有内容的,可以让搜索引擎对页面内容进行索引。服务端渲染无需关心浏览器兼容性问题,计算过程在服务端完成,避免浏览器兼容,降低客户端功耗(省电)SSR缺点由于计算全部在服务端完成,服务需要能够承受更高的负载。增加开发、构建和部署的复杂性。React和Vue服务端渲染Vue可以使用Unxt.jsNuxt.js是一个基于Vue.js的通用应用程序框架。通过客户端/服务器基础架构的抽象组织,Nuxt.js主要关注应用程序的UI渲染。Nuxt.js的一个特点(优势):基于Vue.js自动代码分层服务端渲染强大的路由功能,支持异步数据静态文件服务ES6/ES7语法支持打包压缩JS和CSSHTML头标签管理本地开发支持热度加载集成ESLint支持各种风格的预处理器:SASS、LESS、Stylus等。React可以使用Next.jsNext.js具有其类框架中最好的“开发者体验”和许多内置功能。下面列出了其中的一些:Next.js的一个特性(优势):直观的、基于页面的路由系统(并支持动态路由)预渲染。在页面级别支持静态生成(SSG)和服务器端呈现(SSR)自动代码拆分以加快页面加载速度客户端路由优化预取内置CSS和Sass支持,并支持任何CSS-in-JS库开发环境支持快速刷新使用ServerlessFunctions和API路由来构建完全可扩展的API函数