前端页面性能优化,性能测试算法优化,MeterSphere开源持续测试平台v2.10.5 LTS版本发布

这篇具有很好参考价值的文章主要介绍了前端页面性能优化,性能测试算法优化,MeterSphere开源持续测试平台v2.10.5 LTS版本发布。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前端页面性能优化,性能测试算法优化,MeterSphere开源持续测试平台v2.10.5 LTS版本发布,MeterSphere,性能测试,前端页面,性能优化
2023年8月7日,MeterSphere一站式开源持续测试平台正式发布v2.10.5 LTS版本。自2023年5月发布v2.10 LTS版本后,MeterSphere开源项目组坚持每两周发布小版本,持续进行问题的修复更新,并针对部分功能进行优化。

本次发布的MeterSphere v2.10.5 LTS版本在前端页面性能、性能测试算法、后端接口权限、高频操作使用体验等方面进行了关键性的升级与优化,为用户带来更好的使用体验,欢迎广大社区用户升级使用。

前端页面性能优化

此前有社区用户反馈MeterSphere平台部分页面,尤其是各个模块的首页加载速度缓慢。主要的原因是前端资源包体积比较大,首页完全加载资源超过30MB,个别JavaScript资源大小接近3MB。针对用户反馈的这一情况,MeterSphere V2版本对前端性能通过以下方式进行了集中优化,并在v2.10.2 LTS版本更新发布,优化的内容包括:

■ 包体拆分:使用webpack-bundle-analyzer构建产物进行分析,将打包进行拆解;

■公共库抽离:将共享资源抽离成公共库,减少各应用模块打包时的重复打包;

■缓存共享:将公共库的资源放置在统一目录下,各模块应用使用外链引入同一资源,充分利用HTTP缓存策略,减少重复加载;

■包体精简:部分npm资源修改为按需引入,减少无用代码的引入;

■动态加载:部分第三方插件较大,如PDF、ECharts等都是在部分页面使用,并不是全部页面都需要使用的。这一部分进行了拆分,不在main.js直接引入,改为在使用时动态加载。

经过这些前端优化措施后,MeterSphere平台的性能优化效果明显,优化后最大的包文件尺寸也在330KB内,整体加载资源大小减少超过60%,完全加载时间从20s缩减至7.5s左右。

优化前后对比:
前端页面性能优化,性能测试算法优化,MeterSphere开源持续测试平台v2.10.5 LTS版本发布,MeterSphere,性能测试,前端页面,性能优化
前端页面性能优化,性能测试算法优化,MeterSphere开源持续测试平台v2.10.5 LTS版本发布,MeterSphere,性能测试,前端页面,性能优化

性能测试算法优化

MeterSphere开源版的性能测试模块与JMeter处理一致,但在高并发尤其是分布式多节点测试时,压测数据与JMeter本地运行存在一定差异。针对此情况,MeterSphere企业版进行了专项算法优化,在测试数据准确性、实时性上达到了与原生JMeter一致的水平。以双测试节点访问Nginx为测试场景进行对比,MeterSphere企业版与JMeter原生的测试结果几乎一致。

JMeter测试结果与MeterSphere企业版测试结果对比如下:
前端页面性能优化,性能测试算法优化,MeterSphere开源持续测试平台v2.10.5 LTS版本发布,MeterSphere,性能测试,前端页面,性能优化

除算法优化外,MeterSphere企业版还支持Kubernetes资源池。在执行性能测试任务时,平台调用Kubernetes API快速创建对应的性能测试Job,测试执行结束后自动回收对应的资源,并将不同团队使用的资源池区分开来,避免互相影响。同时,MeterSphere企业版提供原厂专业服务,为客户提供性能测试压测需求分析、流量模型设计,以及分布式压测环境搭建、执行、分析和优化等性能测试专家服务。

后端API调用增加

Requires Permissions

MeterSphere开源持续测试平台的产品设计团队非常重视产品的安全性、灵活性和可维护性。

自MeterSphere v2.10.2 LTS版本起,所有后端API调用均添加了“Requires Permissions”(需要权限)验证。通过在API调用中添加“Requires Permissions”验证步骤,可以确保只有具有相应权限的用户或角色才能够访问和执行该API,有效地保护了系统的敏感数据和功能,防止未授权的访问和操作。

这样的设计也提高了系统的可维护性,当系统需要进行权限调整或更新时,只需要对相应的权限进行修改,不需要改动API代码本身,从而减少了系统维护和升级的复杂性。

用户可以自定义配置访问MeterSphere的Swagger URL是否需要进行权限认证,即在docker-compose-gateway.yml中修改以下配置来控制是否需要认证。

■SWAGGER_ENABLED: false

高频操作功能使用体验优化

■ 测试跟踪:测试计划执行功能测试用例体验优化(精简操作步骤);

■ 接口测试:新建接口Case使用体验优化(精简操作步骤);

■ 接口测试:接口断言方式支持XPath断言HTML格式的响应体;

■ UI测试:UI场景自动化步骤加载性能优化;

■ 通用功能:系统各功能模块取消模块树8级限制;

■ 通用功能:高级搜索支持通过自定义字段搜索。文章来源地址https://www.toymoban.com/news/detail-632021.html

到了这里,关于前端页面性能优化,性能测试算法优化,MeterSphere开源持续测试平台v2.10.5 LTS版本发布的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端页面渲染多条数据长列表的性能优化

    后端一次性返回了10w条数据,前端该如何处理?长列表性能优化 这个问题其实是考察面试者对性能优化的理解。我们知道,对于大量数据渲染的时候,JS运算并不是性能的瓶颈,性能的瓶颈主要在于渲染阶段,所以页面的卡顿是由于同时渲染大量DOM所引起的。 简单聊一下 s

    2024年02月13日
    浏览(50)
  • 快速搞定前端JS面试 -- 第十二章 运行环境 (页面加载、性能优化、安全)

    4. Window.onload和DOMContentLoaded 二、性能优化 1、性能优化原则 2、如何入手性能优化 1. 资源合并 2. 缓存 3. CDN 4. SSR 5. 懒加载 6. 缓存DOM查询 7. 尽早开始JS执行 8. 防抖 9. 节流 三、安全 1. XSS跨站请求攻击 2. XSRF跨站请求伪造 问题解答 1. 从输入url到显示出页面的整个过程 2.

    2024年04月16日
    浏览(54)
  • 快速搞定前端JS面试 -- 第十二章 运行环境 (页面加载、性能优化、安全)(1)

    4. SSR 5. 懒加载 6. 缓存DOM查询 7. 尽早开始JS执行 8. 防抖 9. 节流 三、安全 1. XSS跨站请求攻击 2. XSRF跨站请求伪造 问题解答 1. 从输入url到显示出页面的整个过程 2. Window.onload和DOMContentLoaded区别 3. 为何把css放在中 4. 为何把js放在最后 5. html中css写在前js写在后的优点 6. 如何入

    2024年04月14日
    浏览(47)
  • Linux MeterSphere一站式开源持续测试平台远程访问

    MeterSphere 是一站式开源持续测试平台, 涵盖测试跟踪、接口测试、UI 测试和性能测试等功能,全面兼容 JMeter、Selenium 等主流开源标准,有效助力开发和测试团队充分利用云弹性进行高度可扩展的自动化测试,加速高质量的软件交付,推动中国测试行业整体效率的提升。 下面介

    2024年02月05日
    浏览(56)
  • 开源持续测试平台Linux MeterSphere本地部署与远程访问

    MeterSphere 是一站式开源持续测试平台, 涵盖测试跟踪、接口测试、UI 测试和性能测试等功能,全面兼容 JMeter、Selenium 等主流开源标准,有效助力开发和测试团队充分利用云弹性进行高度可扩展的自动化测试,加速高质量的软件交付,推动中国测试行业整体效率的提升。 下面介

    2024年02月04日
    浏览(61)
  • 如何远程访问Linux MeterSphere一站式开源持续测试平台

    MeterSphere 是一站式开源持续测试平台, 涵盖测试跟踪、接口测试、UI 测试和性能测试等功能,全面兼容 JMeter、Selenium 等主流开源标准,有效助力开发和测试团队充分利用云弹性进行高度可扩展的自动化测试,加速高质量的软件交付,推动中国测试行业整体效率的提升。 下面介

    2024年02月09日
    浏览(41)
  • 教你使用 Linux+MeterSphere 一站式开源持续测试平台远程访问

    MeterSphere 是一站式开源持续测试平台, 涵盖测试跟踪、接口测试、UI 测试和性能测试等功能,全面兼容 JMeter、Selenium 等主流开源标准,有效助力开发和测试团队充分利用云弹性进行高度可扩展的自动化测试,加速高质量的软件交付,推动中国测试行业整体效率的提升。 下面介

    2024年02月09日
    浏览(52)
  • 前端(八)——深入探索前端框架中的Diff算法:优化视图更新与性能提升

    😊博主:小猫娃来啦 😊文章核心: 深入探索前端框架中的Diff算法:优化视图更新与性能提升 前端框架中的diff算法是一种比较两个虚拟DOM树之间差异的算法。在更新页面时,为了提高性能,前端框架通常会先生成新的虚拟DOM树,然后通过diff算法比较新旧虚拟DOM树的差异,

    2024年02月16日
    浏览(49)
  • 【 Vue3 性能优化】页面加载性能 与 更新性能

    Vue 在大多数常见场景下性能都是很优秀的,通常不需要手动优化。然而,总会有一些具有挑战性的场景需要进行针对性的微调。 数字化管理平台 Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus教程 权限系统-商城 个人博客地址 Web 性能优化主要有两个方面: 页面加载性能 首次访问时,应

    2024年02月14日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包