简单的web页面性能分析

最近公司的产品网站频频出现性能问题，优化过程中也基类了不少经验和方法，特此记录一下 chrome浏览器是非常强大的，我用它自带的监控基本就能分析出来问题,开发者工具中有个performance选项，运行一次就可以看到下图效果： 最上面是一个时序图，分别记录了在整个页面渲染过程中网络请求和HTML解析（蓝色），Javascript执行（黄色），样式计算和布局（紫色）以及绘制和计算（绿色）行为执行的时

>>阅读原文<<