美文网首页
这儿有一个使你网页性能提升10倍的工具

这儿有一个使你网页性能提升10倍的工具

作者: pod4g | 来源:发表于2018-06-05 20:27 被阅读0次

昨天上午10:00,我发布了业界第一款「性能统计分析框架」Hiper 

截止到2018年6月6号20:00分,已经500个star了,同时项目也冲上了Github新热门榜单第三名的位置

先说下Hiper是解决什么问题的

我们开发完一个项目或者给一个项目做完性能优化以后,如何来衡量这个项目的性能是否达标?

我们的常见方式是在Dev Tool中的performance和network中看数据,记录下几个关键的性能指标,然后刷新几次再看这些性能指标。

有时候我们发现,由于样本太少,受当前「网络」、「CPU」、「内存」的繁忙程度的影响很重,有时优化后的项目反而比优化前更慢。

如果有一个工具,一次性地请求N次网页,然后把各个性能指标取出来求平均值,我们就能非常准确地知道这个优化是「正优化」还是「负优化」。

并且,也可以做对比,拿到「具体优化了多少」的准确数据。这个工具就是为了解决这个痛点的。

同时,这个工具也是学习「浏览器加载渲染网页过程」和「性能优化」的一个利器,因此我们也可以把他作为一个强大的学习辅助工具,不至于让我们在样本过少的情况下得到错误的结论。

Hiper就是为了解决上述的痛点应运而生的,如果你也有类似的痛点,或者你仅仅是需要一款工具辅助你学习「浏览器加载渲染网页过程」和「性能优化」方面的知识,那么Hiper是你正确的选择!!

我会一直投入心血在这个项目上,所以欢迎大家star,PR更加欢迎!!

下面是统计数据截图

详细使用信息请参照项目的README.md这篇文章

相关文章

  • 这儿有一个使你网页性能提升10倍的工具

    昨天上午10:00,我发布了业界第一款「性能统计分析框架」Hiper 截止到2018年6月6号20:00分,已经5...

  • PageSpeed性能工具

    PageSpeed是Google提供的网页性能工具。它可以帮你测试你的网页在pc端和移动端上有什么性能问题,帮助我...

  • 测量和分析网页性能工具--webpagetest

    记录一个在线测量和分析网页性能的在线工具:WebPagetest,其核心是用于测量和分析网页的性能。可以很快的开始...

  • PageSpeed网页性能评估优化工具

    用处 PageSpeed是Google提供的网页性能工具。它可以帮你测试网页在pc端和移动端上有什么性能问题,帮助...

  • 笔记:网页性能提升

    图片 图片占网页传输的大部分有效载荷,图片优化可以带来大量的性能提升webp格式svg格式图片懒加载 响应式图片 ...

  • 安石的前端日记

    网页性能测试工具:lighthouse 资源构建工具:webpack Angular markdown 支持: n...

  • Web性能测试工具大全

    收集的一些Web性能测试工具,可以帮助您确定网页中的问题并为为您提供一些关键的速度指标,从而建立一个高性能的网页。...

  • 关于前端性能

    关于网页性能,蔡老师有一篇文章已经讲得很清楚了, 什么是网站性能优化技术?怎样提升移动端的用户体验? ,只是正好...

  • YLazy Web Page Test , 网页性能测试平台

    YLazy Web Page Test , 网页性能测试平台 核心技术 phantomjs harviewer 使...

  • Lighthouse网页性能评估工具

    用处 Lighthouse用于分析web应用程序和web页面,收集关于开发人员最佳实践的现代性能指标和见解,让开发...

网友评论

      本文标题:这儿有一个使你网页性能提升10倍的工具

      本文链接:https://www.haomeiwen.com/subject/ytlrjttx.html