web的几种渲染方式

web的几种渲染方式

渲染是生成 HTML 标记以在浏览器中显示网页的过程。最重要的是,渲染过程发生的方式和位置会对用户体验、网站性能和搜索引擎优化 (SEO) 产生一些重大影响。

本文介绍一下当今现代网络上可用的不同类型的渲染,以及它们最适合哪些类型的网站、页面和数据。

静态渲染

在网络的早期,所有网站都是静态网站——存储在服务器上的手写 HTML 文件的集合,而且大概率是通过FTP 客户端上传,并直接在用户的网络浏览器中提供服务。如今,静态呈现仍然是一个很好的选择,特别适合提供单个 HTML 文件的网站,例如单个内容登陆页面。不需要服务器计算 - 因此页面加载速度很快。

SSR 服务端渲染

随着网络的发展,对更大网站和更动态体验的需求出现,服务器端渲染 (SSR) 随之兴起。SSR 是这种渲染方式,具体的网页是在请求时由服务器进行构建。

大致流程:

  1. 在浏览器中输入网址
  2. 提交请求
  3. 请求传输到固定位置的服务器,服务器处理该请求,实时构建网页,并将其作为 HTML 文档发送回浏览器。

SSR 仍然是当今网络上最流行的渲染方法,是 Wordpress 和大型整体技术堆栈等应用程序框架的默认设置。从历史上看,SSR 需要持续运行的托管服务器,这通常会在维护、扩展和安全性方面带来不良开销。幸运的是,现代前端 JavaScript 框架(例如 AstroNext.jsRemixNuxtGatsby)现在都提供了使用 SSR 的配置选项。

SSR 最适合提供需要包含最新动态数据的页面,例如产品库存水平或定价或个性化页面(例如用户登录到任何网站上的帐户)。

SSR 的缺点是潜在的延迟较长。服务器通常存在于固定的地理位置。原始请求距离源服务器越远,请求到达并返回浏览器所需的时间就越长。如果我们的网站是通过 3G4G 连接在智能手机上查看的,则请求可能需要更长的时间。

CSR 客户端渲染

客户端渲染 (CSR) 是使用 JavaScript 在浏览器中渲染内容的过程。当对使用 CSR 的网页发出请求时,服务器会发回一个带有特定

你可能感兴趣的:(javascript,html,前端,php,开发语言)