摘要:
分析型系统与维度设计1、分析系统和操作系统的区别操作型系统用于支持业务过程的执行,分析型系统用于业务过程的分析2、维度和事实业务过程的维度模型由度量(事实)和度量的环境(维度)组成,维度模型应用于关系数据库环境时被称为星型模型,应用于多维数据库环境时称为多维数据集,如果一个数据仓库的设计采用了星型模... 阅读全文
摘要:
对用户输入事件的处理去抖动用户输入事件处理函数是一个可能会导致web应用性能问题的因素,因为它们在运行时会阻塞帧的渲染,并且会导致额外且不必要的布局的发生。避免使用运行时间过长的输入事件处理函数在理想情况下,当用户在设备屏幕上触摸了页面上某个位置时,页面的渲染层合并线程将接收到这个触摸事件并作出响应... 阅读全文
摘要:
优先使用渲染层合并属性、控制层数量渲染层的合并,就是把页面中完成了绘制过程的部分合并成一层,然后显示在屏幕上。在这部分内容中有两个关键点:需要管理的渲染层的数量、实现动画效果的样式属性。使用transform/opacity实现动画效果从性能方面考虑,最理想的渲染流水线是没有布局和绘制环节的,只需要... 阅读全文
摘要:
简化绘制的复杂度、减小绘制区域绘制,是填充像素的过程,这些像素将最终显示在用户的屏幕上。通常,这个过程是整个渲染流水线中耗时最长的一环,因此也是最需要避免发生的一环。如果布局被触发,那么接下来绘制_一定_会被触发。因为改变一个元素的几何属性就意味着该元素的所有像素都需要重新渲染!除此之外,如果改变元... 阅读全文
摘要:
避免大规模、复杂的布局布局,就是浏览器计算DOM元素的几何信息的过程:元素大小和在页面中的位置。每个元素都有一个显式或隐式的大小信息,决定于其CSS属性的设置、或是元素本身内容的大小、抑或是其父元素的大小。在Blink/WebKit内核的浏览器和IE中,这个过程称为布局。在基于Gecko的浏览器(比... 阅读全文
摘要:
降低样式计算的范围和复杂度添加或移除一个DOM元素、修改元素属性和样式类、应用动画效果等操作,都会引起DOM结构的改变,从而导致浏览器需要重新计算每个元素的样式、对页面或其一部分重新布局(多数情况下)。这就是所谓的样式计算。计算样式的第一步是创建一套匹配的样式选择器,浏览器就是靠它们来对一个元素应用... 阅读全文
摘要:
优化JavaScript的执行效率页面里的动画效果大多是通过JavaScript触发的。有些是直接修改DOM元素样式属性而产生的,有些则是由数据计算而产生的,比如搜索或排序。错误的执行时机和太长的时间消耗,是常见的导致JavaScript性能低下的原因。你需要尽量减少这两方面对你的JavaScrip... 阅读全文
摘要:
HTTP 缓存通过网络获取内容既缓慢,成本又高:大的响应需要在客户端和服务器之间进行多次往返通信,这拖延了浏览器可以使用和处理内容的时间,同时也增加了访问者的数据成本。因此,缓存和重用以前获取的资源的能力成为优化性能很关键的一个方面。好消息是每个浏览器都实现了 HTTP 缓存! 我们所要做的就是,确... 阅读全文
摘要:
图片优化图片通常占据网页上下载字节的绝大部分,通常,也占据了大量的视觉空间。因此,优化图片通常可以最大程度地减少网站下载的字节数以及提高性能:浏览器下载的字节数越少,占用客户端的带宽就越少,浏览器下载并在屏幕上呈现有用内容的速度就越快。图片优化既是一门艺术,也是一门科学:图片优化是一门艺术,是因为单... 阅读全文
摘要:
优化基于文本的资产的编码和传输大小我们的网络应用在范围、目标和功能上都在不断增长。这是件好事! 但是向着更丰富的网络无情进军的过程也推动了另一种趋势:每个应用所需下载的数据量也在持续稳步增长。为了提供卓越的性能,我们需要优化每一个字节数据的交付!数据压缩 101在我们消除了任何不必要的资源之后,下一... 阅读全文