课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
渲染技术的应用是web前端开发程序员需要重点掌握的一个编程知识,下面我们就通过案例分析来了解一下,渲染技术都有哪些应用类型。
服务器端渲染(SSR)是指在服务器端为浏览器提供终HTML文档的过程。优势:搜索引擎可以直接抓取网站而无需执行JavaScript(SEO)、快速初始页面加载、代码仅存在于服务器端。短板:非富网站交互、整页重新加载、浏览器功能受限。
客户端渲染是指利用JavaScript在浏览器当中进行内容渲染的过程。优势:富网站交互、在初始加载后可快速呈现路由变更内容、支持现代浏览器功能(例如配合ServiceWorkers实现离线支持)。短板:SEO友好性差、初始页面加载缓慢、通常需要在服务器端实现单页面应用程序(SPA)与API。
预渲染类似于服务器端渲染方法,但渲染会提前发生在构建时而非运行时。优势:built静态支持文件通常比服务器运行方法更简单、SEO友好性高、快速初始页面加载。短板:需要在执行任何代码变更时提前进行完整页面重新加载、非富网站交互、浏览器功能访问限制。
运行时预渲染
允许SSR,因此有利于SEO优化。抓取程序不需要执行JavaScript即可看到网页内容。
允许一次性构建起简单的浏览器React应用程序,而后将其同时用于服务器端与浏览器内。这将同时提高浏览器应用与SSR的速度表现,一举两得。
利用Puppeteer在服务器端渲染页面,在速度上一般快于在终用户的移动设备上进行渲染(前者网络连接更强、硬件配置也更高)。
Hydration允许我们构建起富SPA,并可访问JavaScript的浏览器功能。
我们不再需要预先了解所有可能被调用的页面,也不需要预先进行渲染。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。