在构建 Web 站点的过程中，任何一个细节都有可能影响网站的访问速度。如果开发人员不了解前端性能相关知识，很多不利网站访问速度的因素会在线上形成累加，从而严重影响网站的性能，导致网站访问速度变慢、用户体验低下，最终导致用户流失。页面性能对网页而言，可谓举足轻重。因此，对页面的性…

简介：功能决定现在，性能决定未来。欢迎大家围观《云上的移动性能测试平台》， 了解EMAS性能测试平台的能力与规划。 1. 功能决定现在，性能决定未来 性能测试在移动测试领域一直是一个大难题，它最直观的

网页核心的性能指标应该是随着时间的推移而不断演变的。当前 2020 年主要关注用户体验的三个方面——加载、交互性和视觉稳定性。 Google计划于2021年将core web vitals作为网络排名算法的一个因子。 从技术方面来讲，前端性能监控主要分为两种方式，一种叫做合成监…

创建node项目 略 二. docker 配置 Dockerfile 文件 在项目目录下新建Dockerfile 文件 然后在同级目录下新建 .dockerignore 文件,避免你的本地模块以

前端页面性能对用户留存、用户直观体验有着重要影响，当页面加载时间超过 2 秒后，加载时间每增加一秒，就会有大量的用户流失，所以做好页面性能优化，无疑对网站来说是一个非常重要的步骤。 那如何才能知道一个页面的性能情况呢？知道了页面性能情况后又如何进行优化呢？一个页面的性能指标非常…

性能优化一直是我们需要注意的问题，尤其是对于C端产品来说更是重中之重。而关于性能优化的文章教材层出不穷，这里不过多赘述。而对于性能优化过后，性能到底提升了多少，我们需要有一个很直观的数据，才能更加方便我们工作，也能更清楚的计算出我们所获得的成果。 这些工具都各有各的优点，但同样…

这次 Google 开发者大会请来了 Lighthouse 的工程师 - Eric Bidelman ，分享如何简单地使用 Lighthouse, Puppeteer 来自动化我们日常的流程。它是一个开源的自动化工具，用于改进网络应用质量。您只需要提供网址，它就测试该页面，並生…

前两篇文章中，我们讲了安装和截图，这篇我们来讲讲页面性能分析的相关体系。 众所周知，页面性能优化要讲起来可谓是整大条链路上的事情，在这里笔者将不开展描述，后续笔者会出个全面的性能优化系列文章再进行讲解。回到我们的正题，我们是利用 puppeteer 对页面进行性能数据采集并分析…

通过上篇文章《自动化 Web 性能优化分析方案》的分享想必大家对“百策系统”有了初步的了解。本文将向大家介绍自动化性能分析使用的核心库——Puppeteer，并结合页面登录场景，介绍 Puppeteer 在百策系统中的应用。 Puppeteer 是一个 Node 库，它提供了一…