You need to enable JavaScript to run this app.
导航
协议优化
最近更新时间:2024.06.18 10:21:54首次发布时间:2023.09.05 20:23:22

本文介绍火山引擎全站加速的协议优化功能。当前协议优化包括页面性能优化、上传协议优化。

页面性能优化

页面性能优化是一项关键的功能,适用于包括企业官网、电商小程序、移动端 H5 页面在内的多种网络页面加速的场景。该技术基于 HTTP/2 协议的多路复用特性,允许多个请求和响应同时、并行地进行传输,避免了传统串行传输的等待时间。在资源传输过程中,对于页面渲染非常重要的资源(如 CSS 和 JS 文件),全站加速能够加大它们被优先加载的概率,以此来加快页面的渲染速度。全站加速通过调整资源缓冲区大小的分配策略,为关键页面元素(如CSS和JS文件)分配更大的缓冲区,而为不重要的资源分配较小的缓冲区,这样做可以有效提升静态页面的加载速度。
在完成的性能测试中,数据显示,与使用传统 CDN 产品相比,开启全站加速服务的页面性能优化功能后,页面加载速度平均提升了约38%。这一数据来自于对相同网络条件和页面内容进行的对比分析。测试结果表明,通过优化缓冲区的分配策略,全站加速服务能够为用户提供更为迅速的页面访问体验。

说明

不同客户端、浏览器及页面资源情况得到的数据会有差异,此数据仅作参考。

前提条件

您已开启HTTP/2,更多信息详见启用 HTTP/2

页面性能优化逻辑

HTTP/2 协议通过多路复用技术,在单一 TCP 连接上并行传输请求和响应。这一机制比 HTTP/1.x 的顺序传输效率更高,减少了延迟并提升了并发处理网络负载的能力。一个静态页面有多个资源,其中对页面加载性能影响最大的资源是 CSS 和 JS 文件。多个资源被传输进入缓冲区时,可能非重要的资源(图像、字体、视频文件)先到达。如果缓冲区先被非重要资源占满,CSS 和 JS 文件的传输则会被推迟,进而影响页面渲染速度。

说明

  • 缓冲区:缓冲区是服务器或客户端在处理数据时的内部存储空间,用来存储数据、控制数据传输。它允许数据能在客户端和服务器之间高效有序地传送,同时减少由突发流量引起的拥塞和潜在性能问题的风险。
  • 发送缓冲区:发送缓冲区是网络传输过程中用于临时存储要被发送出去的数据的内存区域。当数据准备被发送至网络上的另一端点时,数据会首先被放入发送缓冲区中。发送缓冲区使得数据的发送可以按照网络设备、网络本身的处理能力来进行,有助于平滑数据流并提高网络通信的效率。
  • 接收缓冲区:接收缓冲区是网络传输过程中用于临时存储从网络接收到的数据的内存区域。在数据从网络发送端到达接收端时,它先被存储在接收缓冲区中,然后再被目标的应用程序或网络服务处理。接收缓冲区对于提高网络通信的可靠性和效率具有很大作用。

全站加速通过调整缓冲区大小的分配策略来实现页面性能优化的功能。对于关键资源,如阻塞首屏渲染的CSS和JS文件,发送缓冲区、接收缓冲区的大小将被增加。而不重要的图像、字体等资源,发送缓冲区、接收缓冲区的大小将被减小。 这样做可以增大关键资源(CSS和JS文件)被优先加载的概率,这些资源的传输和响应时间将有效被减少。从而提升了页面的加载速度。

操作步骤

  1. 登录全站加速控制台
  2. 点击左侧导航栏 域名管理 ,进入 域名管理 页面后,点击待配置的加速域名名称。
    图片
  3. 在域名管理页面,点击 性能优化 ,再点击 编辑
    图片
  4. 性能优化 标签页的协议优化模块,开启 页面性能优化
  5. 点击右上角 提交 ,完成开启 页面性能优化

上传协议优化

您的业务场景涉及使用APP、客户端、网页、服务器等多种上传方式进行文件上传时,可以考虑开启上传协议优化功能。这一功能可提高文件上传过程中的接收、传输文件的效率。

说明

  • 全站加速团队利用过往积累的经验,自主研发了协议栈优化策略,优化文件上传相关的协议。开启本功能后,可以提升文件上传场景下数据传输的性能,加快文件上传速度。
  • 同时启用上传协议优化及预连接功能将进一步加快文件上传速度。更多信息可参考链路优化

操作步骤

  1. 登录全站加速控制台
  2. 点击左侧导航栏 域名管理 ,在 域名管理 页面,点击待配置的加速域名名称。
    图片
  3. 在域名管理页面,点击 性能优化 ,再点击 编辑
    图片
  4. 性能优化 标签页的协议优化模块,开启 上传协议优化
  5. 点击右上角 提交 ,完成开启 上传协议优化