如何用 fps 衡量 web 页面性能？GitHub 有什么样用

发表时间：2017-12-29 18:50:03 作者： 来源： 浏览：次

在上一篇文章中，小编为您详细介绍了关于《Prophecy 的 3D 电影《彗星撞地球》是咋压缩成 64k 图片的？什么样类型的人需要学习 OpenGL》相关知识。本篇中小编将再为您讲解标题如何用 fps 衡量 web 页面性能？GitHub 有什么样用。

更新：

了解了这么低的原因，那么，如何用fps衡量页面的流畅程度呢？

--------------------------------

衡量html⑤页面①个重要的指标是fps，也就是帧率，帧率越高，说明页面越流畅。那么问题来了，我再用chrome dev tool查看taobao首页的fps的时候，永远都是低于②⓪；那么是不是就说明这个页面流畅度不够，还是说我对fps理解存在误区？

而页面在滚动的时候fps差不多是在⑤⓪左右，这个是在意料之中。

不懂前端开发，不过浏览器这么处理不是很合理么？滑动的时候画的频繁点⑤⓪多帧为了看起来流畅，①个页面上的动画画②⓪多帧也足够了(浏览器是这么认为的我感觉很合理，如果是个纯静态页面，帧率应该更低如果浏览器足够聪明)，普通的程序界面不怎么动的帧率都很低，比如我常开着vs编程，vs的帧率就是个位数。事实上玩命画可以画上千帧，费电发热风扇噪音大，没几天显卡就烧坏了。\", \"extras\": \"\", \"created_time\": ①④⑥⑦⓪④⓪①④⓪ · \"type\": \"answer

fps主要用来衡量动画的性能，具体到页面那就是页面动画的性能，而不是整个页面的性能。图片滑动是动画，页面滚动本质上也是动画。当页面静止并无其他动画用fps去衡量是不恰当的。

简单说，页面性能应从白屏时间、首屏时间、dns、http、fps等等去综合衡量，fps主要用于动画性能衡量。\", \"extras\": \"\", \"created_time\": ①④⑥⑦①②⓪⑨⑦④ · \"type\": \"answer

问：github有什么用？

答：

github可供全球开发者发布开源项目，项目既可以是代码，也可以是其它资源；

可以通过github搭建个人独立博客；Windows下①步步搭建自己的独立博客——使用 GitHub Pages + Hexo 基础教程（①）Windows下①步步搭建自己的独立博客——使用 GitHub Pages + Hexo 基础教程（②）

Windows下①步步搭建自己的独立博客——使用 GitHub Pages + Hexo 基础教程（③）

由于在github上可以fork、star、watch开源项目，follow任何人，还可以create pull request等等，程序员这个群体主要是男性，所以又被誉为全球最大的同性交友网站。

问：放在上面的代码会泄漏吗？

答：

会，不会泄露怎么交友？别人怎么知道你屌不屌呢？如果你想创建私人或者公司内部的的仓库，

建议就要在github上花钱创建了，自己搭①个服务器或者是用国内的服务吧。