下一代 Web 建站技术栈—— Jamstack,前端插件化面试

文章探讨了Jamstack在性能、限制和适用场景上的优势和劣势,指出其在企业级框架中的角色是核心但非唯一,混合渲染是未来趋势。作者认为在国内市场,企业级框架需要支持更广泛的渲染策略以适应复杂场景。
摘要由CSDN通过智能技术生成

A:明确的回复,不对,Jamstack 的优势非常明显,所以劣势也很明显。

如果只关注到 Jamstack 的性能优势,希望将 Jamstack 用于所有场景,其实是不正确的。Jamstack 的站点为了获得性能、安全、可拓展性的优势,需要将页面托管至类似 CDN 的服务中,这个过程中,一个页面需要经过以下两步才会真正的发布到线上。

  1. 预渲染

  2. 需要提前渲染出最终的页面

  3. 发布

  4. 托管服务刷新缓存后展示新页面

针对预渲染,由于往往需要在构建时或者运行时实现功能,那么会存在一定的限制。构建时生成无法实现千人千面,运行时生成则需要考虑生成的数量与成本的考虑。假定将每一条微博都生成一个静态页面,诚然性能是好了,但所带来的成本也是不可估量了,且许多微博往往访问的人极少,那么运行时生成的性能可能还不如之前,

在 Jamstack 架构下,CDN 是最常见的托管服务,但 CDN 为了保证性能也存在着缓存的机制,这意味着页面的实时性无法保障。现有的 Jamstack 框架也会添加定时生成的功能,比如每 10S 就刷新一个页面并推送至 CDN,但不论怎么做,在实时性上还是不如实时服务的。

Jamstack 最适合一些内容更新不太频繁的网站(比如新闻、电商、文档)。它不适合 Feeds 流、聊天室、论坛、个性化推荐这样高度动态化的网站,以及邮箱、编辑器这样偏重型的 Web 应用。

Jamstck 会是企业级框架的核心特性而非唯一,混合渲染是未来方向

这个观点是我个人的想法。

在我看来,之所以 Jamstack 在国内难以落地,除去老生常谈的工作流、部署平台、底层依赖的限制外,其实还存在着适用范围单一的问题。

这里我抛出我的观点:在国内的市场下,Jamstack 将会成为企业级框架的核心特性,但并非唯一的特性,混合渲染才是未来的方向。

诚然,Jamstack 的优势非常明显,用过的同学都说省事都说好,但我在前文也提到了 Jamstack 的劣势,这决定了在企业内部错综复杂的场景中,Jamstack 不是那么万能的。

此外,Jamstack 作为一种现代 Web 站点的开发理念,其是易于被框架实现的。这也意味着,在企业级的场景中,往往会是框架去实现 Jamstack 特性,这个过程是新增而不是替换。因此 Jamstack 会是企业级框架的核心特性而非唯一特性。

至于后一句提到的混合渲染,Idea 实际上是源于 Next.js 10。在 Next.js 中,框架配合 Vercel 云服务平台,实现了纯静态页面托管、增量生成、服务端渲染等多种渲染策略的聚合。从这个角度来看,Next.js 相较其他的 Jamstack 框架是更有优势的。

  静态生成

  增量生成策略

先进的框架 + 先进的工作流 + 更多渲染场景的适配,我认为这才会是企业级框架进步的方向。

总结

Jamstack 是一套优秀的现代 Web 站点开发技术栈,在现代前端工程的加持下解决了开发效率与性能的难题。但由于其劣势也非常明显,所以在企业级框架中,Jamstack 会是一种核心的特性,但不是唯一的特性,企业级是需要支持类似混合渲染的开发模式的。

BTW,本文没有提及到使用 JavaScript 与连接第三方服务这两个特性,理由是:构建现代站点,完全脱离 JavaScript 不现实,故略过;预渲染页面时,往往就包含使用第三方服务(当然我觉得这一点的商业价值实际更大),故也略过。

推荐阅读

  • Jamstack,下一代Web建站技术栈?

  • https://jamstack.org/

  • Next.js - Data Fetching

✿  拓展阅读

小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
[外链图片转存中…(img-TpeZkYrq-1710912571714)]

  • 28
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值