25
4
I am developing a web application (JS/CSS/AngularJS) which is going to run on a touchscreen client.
As the application grows I run into a performance problem: I mentioned that the applicaion is not running with 60fps but 30 or something. Therefore I used the chrome built-in timeline tool to profile what's going on under the hood.
Okay - there are many long frames which limit the fps to ~30. The reason are the large GPU blocks (green) you can see in the screenshots).
我正在开发一个Web应用程序(JS/css/AngularJS)，它将在触摸屏客户端上运行。随着应用程序的增长，我遇到了一个性能问题：我提到应用程序运行的速度不是60fps，而是30 fps左右。因此，我使用了Chrome内置的时间线工具来分析引擎盖下发生的事情。好的-有很多长帧将fps限制在~30。原因是屏幕截图中可以看到较大的GPU块(绿色)。
Zoomed in:
放大：
It seems that the GPU is taking much time to... render? calculate? ...?
Unfortunally I don't have any further information what the GPU does in this time. There are some CSS effects and transforms but nothing really spectacular.
It's running on a Intel HD Graphics 530 (onboard) but I think is should even perform with 60fps on this one.
似乎图形处理器花了很多时间来..。渲染？算算？...？不幸的是，我没有任何进一步的信息，GPU在这段时间做了什么。有一些CSS效果和变换，但没有什么真正壮观的。它运行在英特尔高清显卡530(板载)上，但我认为这款应该可以以60fps的速度运行。
I'd like to know if there is any way to get further information what is slowing down the GPU that much and/or if there are any common CSS tricks to speed up my page. Or is there anything I can tweak at the GPU itself?
我想知道是否有任何方法可以获得更多信息，是什么让GPU慢了这么多，以及/或者有没有什么常用的css技巧来加速我的页面。或者，有没有什么我可以在图形处理器上调整的？
Thanks!
谢谢!
25
4
0
目录 效果图 思路 具体实现 步骤一：ItemView顶部偏移 步骤二：绘制圆和线条 注意：下标的获取 流程类的绘制
我正在尝试构建一个时间轴，但是当我点击其中一个圆圈时我无法实现该功能事件的绿色条已完成，或者如果我点击前一个圆圈则“禁用”， 我的代码 CodePen 我尝试过的 Toggle var compl
我最近开始使用 JavaFx 2.0，也许我的问题很基本，但目前我不知道如何解决它。例如，假设我有一个名为 Clock 的小型演示应用程序: import javafx.animation.KeyFr
我需要创建一个基于自定义 HTML5 的控件，该控件是时间线和甘特图之间的交叉: 但是，我无法获得市场上已有的第三方控件来减少一些开发时间。它需要在顶部有微型缩小的时间轴以进行快速导航，滚动时会更新主
你好，我已经为 twitter 时间线编写了一个脚本，除了我不知道如何授权我的 twitter api key ，我的 led 标志只是说“错误的身份验证数据” 这是我的代码 #!/usr/bin/p
我正在使用 X 时间轴绘制一个非常规则的图表。轴代码非常标准: var xScale = d3.time.scale() .domain([tlState.startd
谁能帮我解释一下如何使用图形 api 发布带有照片(不是一张照片)的状态； 我尝试将照片添加到 me/photos 但我不需要查看以前帖子中的照片。 当我使用类似 TIMELINE_ALBUM/pho
我正在使用来自 here 的时间轴插件 这是我当前的代码: 1940s 1950s 1960s 1970s 1980s 1990s 2000s 1940's Ronald. 1950's
我有一些事件:有些是连续的，有些只是一天的事件。 我想在网页上精美地展示它们。有一堆日期选择器 jQuery 插件，但我找不到任何用于显示事件的插件。 可以是canvas，也可以是svg，也可以是cs
我正在尝试创建一个响应式时间轴，它的行为类似于 ( https://codepen.io/anon/pen/KoGdqG): 对于大于 600px 的宽度是水平的。每个部分的宽度是响应式的； 对于小于
在我复制并粘贴来自 https://mdbootstrap.com/plugins/jquery/timeline/#images 的代码之后，为什么图像看起来很大，我该怎么做才能使左侧和右侧的内容变
我想创建一个垂直的动态时间轴，左边是发生的时间，右边是发生的事情，中间有一条线，每个事件的线上都有一个气泡。时间、事件和事件数量将是动态的。 我在这里想的可能是垂直线的静态图像上的 RecyclerV
我正在尝试重新创建以下内容: 我有以下代码，其中包含它的要点，但不是确切的外观和感觉，我仍在尝试掌握 Swift 的 UI 方面。 VStack(spacing: 30) {
在使用下面的代码使用 AngularJS 生成时间线图表时，我遇到了一个问题。 基本上我无法找到导入时间线包的正确方法。就像下面导入 corechart 包一样，我如何导入时间线... google.
我正在尝试使用 javascript 或 jquery 在我的 Twitter 时间轴上动态设置 href 字段，我该如何执行此操作？ Tweets by me 最佳答案 使用setAttribut
时间轴跟踪文件介绍如下: https://www.tensorflow.org/versions/r1.1/performance/xla/jit 这对于性能分析似乎很有用。但有一点我不明白。 1、“
我正在使用 d3 Timeline 插件 ( https://github.com/jiahuang/d3-timeline )，我终于得到了可视化可以读取我的数据的地方。但是，我现在需要使特定学生的
我正在尝试使用 Google 的时间轴创建一个图表来显示过去 7 天的事件，但我在缩放 x 轴时遇到了问题。 图表总是试图根据数据自动缩放，这破坏了我想要合并的一致性。我希望图表的右侧是今天的日期，左
获取多个 KML 文件(每个文件代表不同的日期)并创建带有 slider 的 Google map 的最佳方法是什么？ 最佳答案 尝试http://code.google.com/p/timemap/
我一直在尝试为预定的事件构建一个网络显示。每个事件都有一个动态计算的宽度(基于事件持续时间)和 margin-left(基于开始时间)。每个事件也有一个高度，基于需要显示的内容。如果没有重叠事件将元素
个人中心
文章发布
退出
我是一名优秀的程序员,十分优秀！