页面的绘制时间（paint time）是每一个前端开发都需要关注的的重要指标，它决定了你的页面流畅程度。而如何去观察页面的绘制时间，找到性能瓶颈，可以借助Chrome的开发者工具。 本文主要介绍Chrome渲染分析工具 Rendering。 如上图，按F12调出开发者工具，然后按“ESC”调...

概述这个工具真的很强大，Timeline工具栏提供了对于在装载你的Web应用的过程中，时间花费情况的概览，这些应用包括处理DOM事件, 页面布局渲染或者向屏幕绘制元素。Timeline可以通过事件，框架，和实时内存用量3个方面的数据来监测网页，通过这些数据，我们可以方便的找出页面中存在问题的地...

常听人说： 移动端要想动画性能流畅，应该使用3d硬件加速 最近深入了解了一些浏览器内核的细节，感觉这里面其实有坑啊。。。 事情要从最近看的《WebKit技术内幕》说起，第二章介绍了网页的结构，其中提到了Webkit硬件加速的方式，会把需要渲染的元素放到特定的『Composited Laye...

注意chrome 48 版本后此方法就不能用了推荐一个新方式来实现本地跨域调试线上资源，搜索chrome插件 Allow-Control-Allow-Origin: *。https://chrome.google.com/webstore/detail/allow-control-allow-...