首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏公众号-测试驿栈

    利用Docker安装Web前端性能测试工具Sitespeed.io

    目录结构 一、Sitespeed.io概述 1.Sitespeed.io简介 2.Sitespeed.io使用场景 二、Sitespeed.io的安装和使用 1.安装Sitespeed.io 测试原理描述 一、Sitespeed.io概述 1.Sitespeed.io简介 Sitespeed.io:是一款开源的Web性能测试工具,用来衡量Web网站的综合性能,帮助开发和测试人员分析网页的加载速度和渲染性能 )":/sitespeed.io sitespeedio/sitespeed.io https://www.sitespeed.io/ ? 备注说明: 1)Sitespeed.io通过工具集(sitespeed.io,Browsertime,Coach,VisualMetrics)中的各个组件协作完成Web性能测试 2)Sitespeed.io 三、Sitespeed.io测试原理描述 Sitespeed.io工具集中的部分组件&作用: Sitespeed.io:基于其他一系列开源工具构建而成的sitespeed.io集 Browsertime

    2.3K41发布于 2019-07-19
  • 来自专栏Young Dreamer

    好用的前端页面性能检测工具—sitespeed.io

    sitespeed.io相关介绍 sitespeed.io的产出 介绍sitespeed.io之前,先看看sitespeed.io的产出。 安装sitespeed.io之后,如果要分析一下百度PC首页性能,执行以下命令: sitespeed.io -n 5 -v https://www.baidu.com 该命令将会在chrome浏览器下调起 sitespeed.io的工作原理 sitespeed.io是一个开源工具,旨在检测和提高web页面的性能。 总的来说,sitespeed.io的工作原理如下图所示。 ? sitespeed.io工作原理图 由于接触sitespeed.io的时间比较短,目前积累比较少,这次仅做个简单的分享,希望更多前端的小伙伴能够接触并使用该工具,写出高性能的页面。

    3.3K100发布于 2018-01-31
  • 来自专栏从头开始学习测试开发

    前端性能测试工具-sitespeed.io安装及使用教程

    开源GitHub地址:https://github.com/sitespeedio/sitespeed.io 安装 终端使用npm安装 $ npm i -g sitespeed.io && sitespeed.io https://www.sitespeed.io/ 安装失败问题解决 果不其然,逢安装必报错: AttributeError: 'NoneType' object has no attribute ' cwd /usr/local/lib/node_modules/sitespeed.io/node_modules/sse4_crc32 gyp ERR! (2)删除模板包 /usr/local/lib/node_modules/sitespeed.io /Users/wangpingyang/node_modules/sitespeed.io ( 3)确认默认node版本 nvm alias default 10.11.0 (4)重新安装 npm install sitespeed.io -g 7、开始使用 sitespeed.io https

    2.5K10编辑于 2022-05-09
  • 来自专栏测试开发技术

    测开必备,推荐几款前端性能测试工具、神器

    7、Sitespeed.io Sitespeed.io 是开源的Web性能测试工具,用来衡量Web网站的综合性能,帮助开发和测试人员分析网页的加载速度和渲染性能。 Sitespeed.io通过驱动浏览器(如:Chrome、Firefox)进行测试,然后从开发者的站点收集多个页面的数据,并根据优秀实践等规则来分析这些网页,然后将结果以HTML报告的形式输出。 项目地址: https://github.com/sitespeedio/sitespeed.io 安装sitespeed.io之后,如果要分析一下百度PC首页性能,执行以下命令: sitespeed.io

    6K20发布于 2021-02-07
  • 来自专栏编程微刊

    前端利器,6 款开源 Web 性能优化辅助工具推荐

    传送门:https://github.com/tkadlec/grunt-perfbudget Sitespeed.io Sitespeed.io 是一组基于最佳实践以及一些加载时序等量化标准的开源工具 Sitespeed.io 从开发者的站点收集多个页面的数据,并根据最佳实践等规则来分析这些网页,然后将结果以 HTML 的形式输出,或者以数值的形式发送到 Graphite 。 传送门:https://www-origin.sitespeed.io/

    1.8K00发布于 2020-11-26
  • 来自专栏测试开发技术

    ​测开必备,推荐几款前端性能测试工具、神器

    7、Sitespeed.io Sitespeed.io 是开源的Web性能测试工具,用来衡量Web网站的综合性能,帮助开发和测试人员分析网页的加载速度和渲染性能。 Sitespeed.io通过驱动浏览器(如:Chrome、Firefox)进行测试,然后从开发者的站点收集多个页面的数据,并根据优秀实践等规则来分析这些网页,然后将结果以HTML报告的形式输出。 项目地址: https://github.com/sitespeedio/sitespeed.io 安装sitespeed.io之后,如果要分析一下百度PC首页性能,执行以下命令: sitespeed.io

    2.8K31发布于 2021-02-02
  • 8个值得推荐的用于前端开发的性能分析工具

    5.SiteSpeed SiteSpeed是一组开源工具,可让你监视和评估网站的性能。你可以通过docker映像或者是安装NPM软件包来进行使用。 但有一点需要注意,虽然SiteSpeed是免费的,但设置服务器并使其保持运行状态将还是需要我们有一定的花费。 如果您没有服务器,SiteSpeed建议您使用2个vCPU或在AWSc5.large上获得DigitalOcean优化的Droplet,将数据存储在S3。

    3.9K10编辑于 2022-08-11
  • 来自专栏全栈技术

    前端性能优化:提升网站速度与用户体验的终极指南

    # 示例代码:使用性能测试工具 npm install -g sitespeed.io sitespeed.io https://www.example.com 第七部分:前端性能最佳实践 7.1 移动优化

    1K30编辑于 2023-09-17
  • 来自专栏测试游记

    1-性能测试入门

    npm install -g lighthouse SiteSpeed:https://www.sitespeed.io/ SiteSpeed 是一款开源的,可以用于监控和检查网站性能的工具。

    80430发布于 2021-03-24
  • 来自专栏CRPER折腾记

    yargs 简易指南:撸一个CLI

    相对于项目根路径,比如: sitespeed-result/docker-test/2022-08-22') // 强制某个参数为必填,不如check灵活 .usage('$0 clean --path ') .example([ ['$0 clean --path sitespeed-result/docker-test/2022-08-18/12-

    1.4K10编辑于 2022-09-28
  • 来自专栏WecTeam

    2020前端性能优化清单(一)

    作为替代品,你也可以使用Speed Scorecard[14] (也提供对网站收入影响的评估)Real User Experience Test Comparison[15] 或者SiteSpeed CI 有许多工具可以实现:SiteSpeed.io仪表板[29](开源)、SpeedCurve[30]和Calibre[31]只是其中的一小部分,您可以在Perform.rocks[32]上找到更多工具。 一旦有了性能预算,就可以将它们与Webpack性能提示和Bundlesize[33]、Lighthouse CI、PWMetrics[34]或Sitespeed CI[35]结合到构建过程中,这样就可以在 您可以使用PWMetrics[79],Calibre[80],SpeedCurve[81],mPulse[82]和Boomerang[83],Sitespeed.io[84],它们都是性能监控的绝佳选择 : https://www-origin.sitespeed.io/ [85] 使用Server Timing返回头: https://www.smashingmagazine.com/2018/10

    3.1K51发布于 2020-04-27
  • 来自专栏CRPER折腾记

    [Github Action]PNPM monorepo docs package部署成Github Page

    themes/dracula'); /** @type {import('@docusaurus/types').Config} */ const config = { title: 'XXXXX FE SITESPEED

    81020编辑于 2023-06-09
  • 来自专栏ThoughtWorks

    低碳 Web 实践指南

    Sitespeed sustainability plugin:Sitespeed 是一款 Web 性能监控工具,可以给出页面碳排相关报告。

    62520编辑于 2023-08-08
  • 来自专栏前端笔记本

    超硬核 Web 前端学霸笔记,学完就去找工作!

    Sitespeed.io - Sitespeed.io 是一款开源的 Web 性能测试工具,用来衡量 Web 网站的综合性能,帮助开发和测试人员分析网页的加载速度和渲染性能。

    2.4K20编辑于 2022-03-28
  • 来自专栏WecTeam

    2020前端性能优化清单(六)

    然而,一个带有自动警报功能的连续的监控工具,如 Sitespeed[64], Calibre[65] 和 SpeedCurve[66],可以让你更详细地了解情况。 v=n1sXj9oAXFU [63] WebPagetest: http://www.webpagetest.org/ [64] Sitespeed: https://www.sitespeed.io/

    1.7K20发布于 2020-05-06
领券