参考路径：https://www.cnblogs.com/lei2007/archive/2013/08/16/3262897.html 减少http请求次数： 网络方面而言,减少数据的交互就意味着减少了网络带宽的压力,能够提供更大并发量的服务 ,减少网络传输的时间，由于减少了请求次数,服务器的资源 ...
转载
2021-10-26 18:59:00
219阅读
2评论
方法一： F12 在该页面中我们可以看到cpu使用率，js堆使用大小以及dom节点数，我们知道
原创
2022-08-11 11:34:03
597阅读
基于webpack的配置调试使用Vue-cli命令行工具初始化基于wabpack模板的项目的命令语法：npm install -g @vue/cli # 全局安装vue-cli,版本vue3.x
vue init webpack [my-project] [app-name] # 使用vue-cli初始化一个完整的webpack项目。
cd my-project
转载
2024-05-16 20:32:16
120阅读
满怀欣喜的开发vue项目，快要完成的时候，测试人员发现在app中首次加载慢的跟便秘一样，无奈要优化，于是开始各种找办法！
原创
2021-07-29 13:51:45
428阅读
我们在使用网站过程中，经常会遇到慢的问题，为了找到原因，一般需要借助工具进行检测，通过工具，可以检测出前端站点加载资源的相关详细情况。今天，就给大家介绍几款前端性能测试分析工具，结合性能测试工具，实现通过量化的方式测试网站中诸如首字节加载时间（time to first byte）或者渲染时间等表现。其中有些工具还会检查资源是否被缓存，多个 CSS 或 JS 文件是否值得合并，最后自动给出前端性能
转载
2024-01-03 07:18:18
81阅读
现在有很多的一体化测试平台，集成了评审--到用例--到用例评--到功能测试通过率和各种统计--到接口测试--到性能测试--线上真实流量进行线下放大压--到UI自动化测--bug管理于一身的自动化测试平台。比如杭州笨马，metersphere等等。一. 前端1.1 移动端抓包工具：Lyrebird - 移动端的抓包及 Mock 平台。（美团）spy-debugger - 适用于任
转载
2024-01-04 14:42:06
351阅读
vue + webpack 前端性能优化背景对于程序开发者而言，开发一个项目不仅仅注重效率和功能
原创
2022-03-29 09:51:59
872阅读
前端性能测试，主要分为七个部分： 启动时间、CPU、流量、电量、内存、FPS（每秒钟的帧数）、过度渲染 主要测试的内容： 启动时间：主要测试app在启动过程中的耗时情况 CPU：主要测试app在使用过程中占用CPU的占比率 流量：主要测试app在使用过程中所消耗的流量 电量：主要测试app在使用过程
转载
2019-12-30 09:47:00
250阅读
2评论
Chrome Devtools 优点： 支持移动端H5在PC端远程调试，能够对具体的移动端设备进行测试 集成了page speed 提供network面板，展示瀑布流视图，各种资源清晰罗列，还提供缩略图，方便查看图片的大小、尺寸和冗余或缺失。 可模拟网速、设置device分辨率来测试实际的弱网环境显
原创
2022-08-05 14:08:37
127阅读
前端vue实战小测试问题1我们先直觉判断一下，当input value大于5的时候是否会禁用。其实这题考的就是对象的引用，我们可以在浏览器上试试下面的内容会打印什么。let a = 1;
let b = {
c: a
}
a = 3讲解一下把再inputValue大于5的时候，我们看似改变了disabled，但实际上buttonOption里的disabled并没有改变，对于有时候会传一些复杂
在yahoo中，到少50个团队通过纯粹的前端性能相关的技巧，将最终用户的响应时间减少了25%以上。
原创
2023-11-03 09:19:49
129阅读
一、页面性能测试概述页面性能测试则是针对于页面性能优化而开展的一种性能测试目的是对Web系统的页面进行测试以确认系统页面是否会影响系统的性能并为页面的优化提供依据与建议，最终提升系统的整体性能表现，提高用户体验满意度。可见，Web系统页面性能测试是相对Web系统后台测试的另外一种性能测试，是Web系统性能测试的一个重要部分。前端性能和后端性能区别：他们关注点不同，前端性能关注单个用户的感受。后端性
转载
2024-06-12 19:45:19
66阅读
本文来自网易云社区 WEB产品的前端页面加载速度是影响用户体验的重要因素。为了提升页面的加载速度，让用户体验更顺畅，需要进行前
转载
2018-08-21 14:15:00
60阅读
2评论
本文网易云社区 WEB产品的前端页面加载速度是影响用户体验的重要因素。为了提升页面的加载速度，让用户体验更顺畅，需要进行前端性能测试。 一、评估原则： 1. Yahoo 34条黄金法则 以Yahoo网站性能优化的34条黄金法则为原则，前端的性能优化主要从以下几个方面进行： 第一点：减少Http请
转载
2018-08-21 14:15:00
57阅读
2评论
前言对于前端场景复杂且需保持常态开启的页面（例如在线表格、高频大屏），客户在实际应用场景中长时间使用会很容易出现性能问题。但是在测试场景下，并不是那么容易观察到，为了更好的评估和描述出现的问题，当前主要对页面性能场景作以下分类：下载页面性能表现运行时性能表现这篇文章主要跟大家分享如何分析页面性能问题与页面运行性能测试。下载页面性能表现主要表现在等待页面完成显示时间较长，时间耗费在资源返回和页面完成
原创
2024-01-24 13:40:36
245阅读
前端性能指标： 1. Dynatrace时间： 1、首次显示时间（Time to First Impression）：在浏览器地址栏输入URL按回车到用户看到网页的第一个视觉标志为止。 2、onLoad事件时间（Time t
转载
2023-07-21 12:28:04
88阅读
之前做了很久的前端页面性能测试，因为我们在工作的时候经常会去看一下前端
原创
2022-08-26 16:06:25
219阅读
1、Vue Test Utils 官网 https://vue-test-utils.vuejs.org/zh/ 2、推荐Jest库 Jest特点有： 一站式测试方案 DOM API 断言库 Mock库 快照 覆盖率 3、实践 （待更新）
转载
2020-04-02 10:22:00
280阅读
2评论
前言对于现在的前端工程，一个标准完整的项目，通常情况单元测试是非常必要的。但很多时候我们只是完成了项目而忽略了项目测试。我认为其中一个很大的原因是很多人对单元测试认知不够，因此我写了这边文章，一方面期望通过这篇文章让你对单元测试有一个初步认识。另一个方面希望通过代码示例，让你掌握写单元测试实践能力。前端为什么需要单元测试？必要性：JavaScript 缺少类型检查，编译期间无法定位到错误，单元测试
