V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
scf10cent
V2EX  ›  推广

腾讯云 Serverless 部署应用耗时降低了 73%

  •  
  •   scf10cent · 2020-06-17 19:02:46 +08:00 · 1104 次点击
    这是一个创建于 1380 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在使用 Serverless Framework 部署 Next.js ,Egg.js 项目时,由于安装的依赖包过大,部署时压缩上传时间很长,可能出现上传超时、控制台卡死等问题。

    为此,Serverless 团队近期对部署做了一个性能优化,原来部署一个 Next.js 的 Demo 项目大约需要 55s 左右,而现在只需要 18s 的时间。

    下面我们一起看一下,优化前后部署方案哪些不同。

    一、部署性能对比

    本次提速主要做的是压缩上传性能的提升。优化后采用流式上传压缩,并直接在压缩包内注入组件代码,大大的提升了性能。选取三种不同大小的代码包进行测试,优化前后平均部署性能如下所示:

    | 代码包大小( MB ) | 优化前(秒) | 优化后(秒) | | ---------------- | ------------ | ------------ | | 111 MB | 55 s | 18 s | | 216 MB | 100 s | 38 s | | 418 MB | 185 s | 70 s |

    可见,部署的整体性能提升了将近 3 倍!对于一个轻量级别的网站或博客( 200 MB 左右),每次部署只需要 35s 左右的时间!

    二、CLI 控制台输出对比

    在 CLI 控制台输入 sls deploy 命令后,CLI 控制台状态的对比,如下图所示:

    优化前部署全流程仅有 deploying 状态,直到部署结束返回结果。优化后将部署流程的每一步实时反馈到控制台界面上,让用户更清晰的看到整个部署流程,也能方便定位问题(如本地网络问题导致上传失败)。

    本次部署性能的提升是不是让小伙伴们已经激动不已了呢?

    下面通过一个实例,我们来一起感受下三倍速性能优化带来的体验!

    体验 Next.js 部署实战

    1. 安装最新版本的 serverless

     npm install -g serverless
    

    2. 本地创建一个 Next.js 项目并初始化

    npm init next-app serverless-next
    cd serverless-next
    

    3. 配置 serverless.yml

     # serverless.yml
    component: nextjs # (必填) 组件名称,此处为 nextjs
    name: nextjsDemo # (必填) 实例名称
    org: orgDemo # (可选) 用于记录组织信息,默认值为您的腾讯云账户 appid
    app: appDemo # (可选) 该 next.js 应用名称
    stage: dev # (可选) 用于区分环境信息,默认值是 dev
    
    inputs:
      src: 
        src: ./
        exclude:
          - .env
      functionName: nextjsDemo
      region: ap-guangzhou
      runtime: Nodejs10.15
      apigatewayConf:
        protocols:
          - http
          - https
        environment: release
    

    4. 进入项目目录,构建静态资源

    npm run build
    

    5. 部署到云端

    sls deploy
    

    部署成功,如下图所示:

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4998 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 05:39 · PVG 13:39 · LAX 22:39 · JFK 01:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.