文章目录
Performance 是 Chrome 开发者工具中的一个功能，用于记录网页从初始化到运行时的所有性能指标。
可把performance理解为对性能评估领域的一个接口，可以通过performance拿到很多性能上的参数，通过performance去定位哪里有问题，哪里有问题改哪里。
1、在谷歌浏览器调式模式下（F12），切换到 Performance 选项卡。
2.点击刷新图标，重新加载页面，出现网页分析进度条。
3.停止后，会出现性能分析图
1.将整个Performance面板划分成 4 个区域
1、录制、停止按钮可实时绘制一段时间当前页面时间轴的性能轨迹，时间为秒，停止后生成一张性能分析图。
2、屏幕快照选项，需要勾选才会出现屏幕快照截图（一般是默认勾选）
3、内存复选框：指标对应的时间资源状态。
这个折线图只有在点击 Main 主线程的时候才会有，选择其他的指标时折线图区域时空白。
JS Heap：表示 JS 占用的内存大小。
Documents：表示文档数。
Nodes：表示 Node 节点数。
Listeners：表示监听数。
GPU Memory：表示 GPU 占用数。
4、表示网速控制，可选3G快、3G慢、或者自定义网速。
5、表示是否对CPU进行减速，可选4倍减速、6倍减速，可用来测试CPU在极端环境下对页面性能的影响。
FPS（每秒帧数情况）、CPU（CPU占用情况）、NET（网络资源情况）、HEAP（JS占用情况）一共四项指标。
ps: 在性能报告中，有很多的数据。可以通过双击，拖动、鼠标选取、滚轮滚动等等动作来放大缩小报告范围，从各种时间段来观察分析报告。
1、FPS【Frames Per Second】：表示每秒传输帧数，是速度单位，用来分析动画的一个主要性能指标。
帧率能够达到 50 ～ 60 FPS 的动画将会相当流畅，让人倍感舒适；
帧率在 30 ～ 50 FPS 之间的动画，因各人敏感程度不同，舒适度因人而异；
帧率在 30 FPS 以下的动画，让人感觉到明显的卡顿和不适感；
帧率波动很大的动画，亦会使人感觉到卡顿。
绿色竖线越高，FPS 越高。 红色表示长时间帧，可能出现卡顿。
2、CPU 资源：此面积图指示消耗 CPU 资源的事件类型。
颜色分别为（与数据统计中的颜色数据表示一致）：
蓝色(Loading)：表示网络通信和 HTML 解析时间。
黄色(Scripting)：表示 JavaScript 执行时间。
紫色(Rendering)：表示样式计算和布局（重排）时间。
绿色(Painting)：表示重绘时间。
灰色(other)：表示其它事件花费的时间。
白色(Idle)：表示空闲时间。
3、NET：每条彩色横杠表示一种资源。横杠越长，检索资源所需的时间越长。 每个横杠的浅色部分表示等待时间（从请求资源到第一个字节下载完成的时间）。
4、HEAP：JavaScrip 执行的时间分布。
1、Network：表示每个服务器资源的加载情况。
2、Frames：表示每幅帧的运行情况。
3、Timings：
图中虚线与标记表示如下：
FP（First Paint） 首屏绘制，页面刚开始渲染的时间。
FCP（First Contentful Paint） 首屏内容绘制，首次绘制任何文本，图像，非空白canvas 或 SVG 的时间点。
LCP（Largest Contentful Paint ） 最大内容绘制，页面上尺寸最大的元素绘制时间
DCL（DOMContentLoaded） 表示 HTML 文档加载完成事件。当初始 HTML 文档完全加载并解析之后触发，无需等待样式、图片、子 frame 结束。作为明显的对比，load 事件是当个页面完全被加载时才触发。
L（Onload） 页面所有资源加载完成事件。
FMP（First Meaningful Paint） 首屏有意义的内容绘制，这个“有意义”没有权威的规定，本质上是通过一种算法来猜测某个时间点可能是 FMP。有的理解为是最大元素绘制的时间，即同LCP（Largest Contentful Paint ）。
其中 FP、FCP、FMP 是同一条虚线，三者时间不一致。比如首次渲染过后，有可能出现 JS 阻塞，这种情况下 FCP 就会大于 FP。
4、Main：表示主线程，主要负责：Javascript 的计算与执行；CSS 样式计算；Layout 布局计算；将页面元素绘制成位图（paint）；将位图给合成线程。
X轴代表时间，每个长条代表着event，长条越长就代表花的时间越多，Y轴代表调用栈。在栈里，上面的event调用了下面的event。
如果在性能长条中的右上角出现了红色的三角形，说明这个事件存在问题，需要特别留意。双击这个带有红色小三角的的事件。在Summary面板会看到详细信息。注意reveal这个链接，双击它会让高亮触发这个事件的event。如果点击了angular-1.4.7.min.js:1135这个链接，就会跳转到对应的代码处。
记录页面后，无需仅依靠Main部分来分析活动。DevTools还提供了三个表格视图来分析活动。每个视图您提供有关活动的不同视点：
1、Summary：表示各指标时间占用统计报表；
2、Bottom-Up：表示事件时长排序列表（倒序）=> 可直接查看花费最多时间的活动；
3、Call tree：表示事件调用顺序列表=>可直接查看导致最多工作的根活动 ；
4、Event Log：表示事件发生的顺序列表=>记录期间的活动顺序查看活动；
按下 Control+Shift+P 打开命令菜单
输入Rendering，点选Show Rendering
在Rendering面板里，激活FPS Meter。FPS实时面板就出现在页面的右上方。
我正在学习如何使用Nokogiri，根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div
我有一个Ruby程序，它使用rubyzip压缩XML文件的目录树。gem。我的问题是文件开始变得很重，我想提高压缩级别，因为压缩时间不是问题。我在rubyzipdocumentation中找不到一种为创建的ZIP文件指定压缩级别的方法。有人知道如何更改此设置吗？是否有另一个允许指定压缩级别的Ruby库？ 最佳答案 这是我通过查看rubyzip内部创建的代码。level=Zlib::BEST_COMPRESSIONZip::ZipOutputStream.open(zip_file)do|zip|Dir.glob("**/*")d
类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc
很好奇，就使用rubyonrails自动化单元测试而言，你们正在做什么？您是否创建了一个脚本来在cron中运行rake作业并将结果邮寄给您？git中的预提交Hook？只是手动调用？我完全理解测试，但想知道在错误发生之前捕获错误的最佳实践是什么。让我们理所当然地认为测试本身是完美无缺的，并且可以正常工作。下一步是什么以确保他们在正确的时间将可能有害的结果传达给您？ 最佳答案 不确定您到底想听什么，但是有几个级别的自动代码库控制:在处理某项功能时，您可以使用类似autotest的内容获得关于哪些有效，哪些无效的即时反馈。要确保您的提
假设我做了一个模块如下:m=Module.newdoclassCendend三个问题:除了对m的引用之外，还有什么方法可以访问C和m中的其他内容？我可以在创建匿名模块后为其命名吗(就像我输入“module...”一样)？如何在使用完匿名模块后将其删除，使其定义的常量不再存在？ 最佳答案 三个答案:是的，使用ObjectSpace.此代码使c引用你的类(class)C不引用m:c=nilObjectSpace.each_object{|obj|c=objif(Class===objandobj.name=~/::C$/)}当然这取决于
我正在尝试使用ruby和Savon来使用网络服务。测试服务为http://www.webservicex.net/WS/WSDetails.aspx?WSID=9&CATID=2require'rubygems'require'savon'client=Savon::Client.new"http://www.webservicex.net/stockquote.asmx?WSDL"client.get_quotedo|soap|soap.body={:symbol=>"AAPL"}end返回SOAP异常。检查soap信封，在我看来soap请求没有正确的命名空间。任何人都可以建议我
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点？我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等)，但我确实想创建一个输出文件。
我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗？当我运行compasswatch时，它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行？文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们？我自己编译的.sass文件编译成compiled/t
我想将html转换为纯文本。不过，我不想只删除标签，我想智能地保留尽可能多的格式。为插入换行符标签，检测段落并格式化它们等。输入非常简单，通常是格式良好的html(不是整个文档，只是一堆内容，通常没有anchor或图像)。我可以将几个正则表达式放在一起，让我达到80%，但我认为可能有一些现有的解决方案更智能。 最佳答案 首先，不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案，它会随着HTML的变化而崩溃，或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h
我想为Heroku构建一个Rails3应用程序。他们使用Postgres作为他们的数据库，所以我通过MacPorts安装了postgres9.0。现在我需要一个postgresgem并且共识是出于性能原因你想要pggem。但是我对我得到的错误感到非常困惑当我尝试在rvm下通过geminstall安装pg时。我已经非常明确地指定了所有postgres目录的位置可以找到但仍然无法完成安装:$envARCHFLAGS='-archx86_64'geminstallpg--\--with-pg-config=/opt/local/var/db/postgresql90/defaultdb/po
