文章分类 - 性能
摘要：lighthouse 是 Google Chrome 推出的一款开源自动化工具，它可以搜集多个现代网页性能指标，分析 Web 应用的性能并生成报告，为开发人员进行性能优化的提供了参考方向。 使用入门 在 Chrome DevTools 中使用 比较推荐的方法。我们可以直接打开调试面板中的 “Ligh
阅读全文
摘要：Lighthouse 简介 Lighthouse 是一个开源的自动化工具，可以用于改进 Web 应用的质量。 Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。 Lighthouse 会针对 Web 页面运
阅读全文
摘要：1、谷歌插件lighthouse的基本介绍 Lighthouse 是一个网站性能测评工具， 它是 Google Chrome 推出的一个开源自动化工具，能够对 PWA 和网页多方面的效果指标进行评测，并给出最佳实践的建议以帮助开发者改进网站的质量。它的使用方法也非常简单，我们只需要提供一个要测评的网
阅读全文
摘要：普通用户如何评价一个网站的体验好不好呢？ 除了满足他的功能需求以外，用得爽不爽可能是最大的评估因素。这个爽不爽可以简单理解为快不快，好不好看，是不是符合他的操作习惯等等。而这里的快不快就是我们说的性能。 有数据表明，性能在一定程度上跟公司的收益直接相关。 如下所示： 为什么性能会跟收益有关系呢？ 因
阅读全文
摘要：前面的话 本文将详细介绍前端性能优化的七大手段，包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 减少请求数量 【合并】 如果不进行文件合并，有如下3个隐患 1、文件与文件之间有插入的上行请求，增加了N-1个网络延迟 2、受丢包问题影响更严重
阅读全文
摘要：前端性能优化方法：1、减少http请求数；2、图片优化；3、使用CDN；4、开启GZIP；5、样式表和JS文件的优化；6、使用无cookie域名；7、前端代码结构的优化。 前端性能优化方法： 1. 减少http请求数 常用的减少http请求数有以下几种： 1）合并图片。当图片较多时，可以合并为一张大
阅读全文
摘要：我们经常用Chrome Dev Tools 来开发调试，但其实只是用了他一点点的功能。Chrome Dev Tools绝对是前端性能优化中性能分析的一把利器，而这个功能因为大家平时也相对较少用到，今天就是想将用 Chrome Dev Tools 进行页面性能分析的技能分享给大家。希望大家能在优化自己
阅读全文
摘要：1、Performance介绍 1.1、概况图 1.2、无痕模式 无痕模式可以保证Chrome在一个相对干净的环境下运行，避免chrome上安装的插件影响性能分析结果。文件—>打开新的无痕式窗口，或使用快捷键ctrl + shift + N 打开无痕模式下的chrome新标签页 1.3、性能记录 点
阅读全文
摘要：一般情况下，如果网页加载时间超过5s，用户就会感觉页面比较卡，遇到耐心不好的用户，肯定就直接关闭走人了，所以加载的时间对于一个网站来说还是相当重要的。如果是你的头头，给你一个url，让你分析页面为什么这么卡，你该如何办呢？ 查看页面加载时间 现在的浏览器都是有开发者调试模式的，以chrome为例，打
阅读全文
摘要：浏览器根据HTML中外连资源出现的顺序，依次放入队列（队列），然后根据优先级确定向服务器获取资源的顺序。同优先级的资源根据HTML中出现的先后顺序来向服务器获取资源。 瀑布中各项内容的含义： 排队： 出现下面的情况时，浏览器会把当前请求放入队列中进行排队 有更高优先级的请求时 和目标服务器已经建立了
阅读全文
摘要：吞吐量 指在一次性能测试过程中网络上传输的数据量的总和。 对于交互式应用来说，吞吐量指标反映的是服务器承受的压力，在容量规划的测试中，吞吐量是一个重点关注的指标，因为它能够说明系统级别的负载能力，另外，在性能调优过程中，吞吐量指标也有重要的价值。如一个大型工厂，他们的生产效率与生产速度很快，一天生产
阅读全文
摘要：lighthouse 是 Google Chrome 推出的一款开源自动化工具，它可以搜集多个现代网页性能指标，分析 Web 应用的性能并生成报告，为开发人员进行性能优化的提供了参考方向。 使用入门 在 Chrome DevTools 中使用 比较推荐的方法。我们可以直接打开调试面板中的 “Ligh
阅读全文
摘要：在前端开发中，对于自己开发的app或者web page性能的好坏，一直是让前端开发很在意的话题。我们需要专业的网站测试工具，让我们知道自己的网页还有哪些需要更为优化的方面，我自己尝试了一款工具：Lighthouse，感觉还不错，记录下来，也顺便分享给用得着的伙伴。 Lighthouse分析web应用
阅读全文
摘要：今天在testhome上听到某位厉害的人物讲他们专项测试的性能测试，因为自己也做过性能专项测试但是是客户端PC上的，现在我总结下他提到的一些内容和我自己的一些看法 性能专项我们关注哪些： 1.关注资源消耗（CPU、内存、流量、功耗） 2.启动耗时（冷启、热启），（这个也是很多云测时用到的一个指标）
阅读全文
摘要：https://blog.csdn.net/lyan00/category_9853242.html 一.兼容性测试 直播的兼容性测试则是在不同的机型、不同的系统、不同的分辨率以及不同网络环境下测试是否可以正常开播，进入直播间观看直播、发送消息并且在直播结束时可以正常跳转到直播结束页面进行相关操作。
阅读全文
