前端性能优化：实践指南 by 阮一峰

前端性能优化:实践指南 by 阮一峰:实践指南

此次我们是以Quest View的量化数据为基础的项目管理技术方案。Quest View优化了流程中的某些操作,例如数据匹配、埋点、优化到端、显示、刷新等。

比方说:我们当时做了以下这几个动作:

1、相关领域创建新的项目,启动项目之后,可以展示3种方法:视频、图标、本地测试。这三种方法是可以同时使用的。

2、数据测试:通过Quest View将数据转化率比以往提高10%。

3、自定义表单:表单的交互方式是采用相对传统的表单交互方式。所以当时我添加的功能比较单一,只有几个表单,如果需要替换,可供选择传统表单交互方式,只要添加了扩展面板。

1.我们在设计过程中,整体视图清晰可见,但是随着我们后续的工作不断调整,一些需要替换的页面也在我们预期的位置显示。

2.还记得Quest View的数据,是预估的数据。如果没有发现数据问题,我们可在撰改后查看。但是我们发现,一些表单未打开,我们可将它删除。

3.为了让数据清晰可见,我们还为撰改添加了扩展面板,这样我们就可看到更加多不一样交互方式。

4.我们还发现,可在输入框上填写一些字段,在“我的”属性下可看到更加多详细的数据。

综合上面所述,我们看到,“Quest View”这一个页面已经添加了很多扩展面板,但我们不能做出任何“不可能”的决定,因此我们决定撰改。

上图展示了Quest View的“我的”属性,但是也有大可可以实现“我的”列表中的其他选项,因此我们的工作是在不干扰我们的工作的前提下尽可能减少扩展面板。

Quest View的如何使用?

首先,我们尝试删除标签。如果我们发现多个扩展面板的流量相对比较小,我们可将其剪切到“属性”中。如果我们不删除这一个扩展面板,我们可以单独剪切到“主要”。

一个好的扩展面板可以有两个好处。第一,这些面板的扩展面板更易复制粘贴,第二,这些面板的扩展面板也可更加方便地复制粘贴。

1.Quest View有什么功能?

由于“标签”的功能是扩展面板中最复杂的功能之一,因此我们尝试把它更复杂。

比方,有一个更复杂的扩展面板可以扩展的多种扩展方法,例如名称和导航、标签和评论等,同时,我们还可在扩展面板中剪切更加多和更复杂的扩展方式。