首页 > 生活 > 生活妙招

ssr链接怎么用(安卓手机ssr怎么添加节点)

常驻编辑 生活妙招 2021-12-28 节点
SHR拜客生活常识网

SHR拜客生活常识网

CDN边缘节点

CDN可以将源站上的资源缓存到距离客户端最近的CDN节点上。当用户访问该静态资源时,直接从缓存中获取,避免通过较长的链路回源,提高访问效率。这个过程被称为「CDN加速」。SHR拜客生活常识网

除了资源加速之外,阿里云的CDN节点还提供了基于Serverless的边缘计算能力,简单来说,就是除了缓存静态文件,CDN还可以作为JavaScript脚本的运行环境。这让Node服务的稳定性还没有达到业务的要求时,前端工程师可以通过在CDN节点上部署JavaScript代码,让CDN节点完成一定的功能。CDN边缘程序、边缘缓存和源站的链路如下图。SHR拜客生活常识网

闲鱼源码页面SSR最佳实践

对于SSR来说,CDN边缘程序实现的功能非常简单:当获取SSR页面成功时(status 200),将直出的页面返回给用户,否则访问降级页面CSR的地址,保证用户永远能够看到正确的页面。我们将CDN缓存周期设置为5分钟。缓存生效时,用户访问链路为上图紫色部分所示,缓存失效时,为红色链路。SHR拜客生活常识网

自此,我们就解释了开始时3个问题的前2个:怎么保障Node应用稳定性,以及怎么进行页面降级。SHR拜客生活常识网

SHR拜客生活常识网

CSR链路

CSR降级链路虽然不经常被用户覆盖到,但对于整个方案来说仍然很重要。用户访问CSR页面时,首先从air源站获取到html页面(此时页面中没有任何首屏内容),然后执行html页面中引入的JS脚本,调用获取首屏数据的mtop接口(阿里弹外异步请求数据获取接口)进行页面渲染。因而对于CSR链路的实现,我们只需要关心两件事情:SHR拜客生活常识网

  • 静态资源文件需要构建并推送到air。SHR拜客生活常识网

  • 需要有在Web端可以被调用的Ajax接口(在阿里一般被称为mtop接口)。SHR拜客生活常识网

对于第一点,我们可以在应用构建和发布的时候,直接将只有layout内容的HTML模板发布。对于第二点,我们可以复用SSR链路时开发的首屏数据接口,直接将其对接集团对外的网关,无需二次开发,如下图所示。SHR拜客生活常识网

闲鱼源码页面SSR最佳实践

由此可以让整个链路全部由前端同学完成,无需像传统CSR页面开发那样由服务端同学提供mtop接口。SHR拜客生活常识网

实现SSR链路和CSR链路之后,我们已经满足了3个关键要素中的前2个:SHR拜客生活常识网

FMP时间缩短:SHR拜客生活常识网

SSR链路中,用户访问到首屏有效内容的时间为:SHR拜客生活常识网

•CDN缓存命中时:HTML页面 RT。SHR拜客生活常识网

•CDN缓存未命中时:Node服务直出页面执行时间 HTML页面RTSHR拜客生活常识网

CSR链路中,用户访问到首屏内容的时间为:SHR拜客生活常识网

•HTML页面RT JS文件下载SHR拜客生活常识网

相关阅读:

  • ssr怎么设置(ssr加速器节点)
  • 节点是什么意思(手机怎么换节点)
  • 「数据结构之字典树Trie」C语言版本实现
  • 网宿科技股份有限公司2021年年度报告摘要300017
  • 《重生之门》热播背后:悬疑剧集寻求差异化,阿里影业自制
  • 互联网后端技术大全!建议收藏
  • A股下半年行情走势的沙盘推演!第一阶段结束时间会是7月
  • 成为国家新基建核心,边缘计算的魅力到底在哪里
  • 牛客网高频算法题系列合并两个排序的链表
  • MySQL专题1:
    • 网站地图 |
    • 声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。文章内容仅供参考,不做权威认证,如若验证其真实性,请咨询相关权威专业人士。