随笔- 473
文章- 6
评论- 337
阅读-
387万
03 2014 档案
使用Chrome工具来分析页面的绘制状态
摘要：Chrome Canary（Chrome “金丝雀版本”）目前已经支持Continuous painting mode，用于分析页面性能。这篇文章将会介绍怎么才能页面在绘制过程中找到问题和怎么利用这个新的工具来解决页面性能上的瓶颈。PS:最新版本的Chrome已经支持该功能查看页面的渲染时间我们采用Things We Left On The MoonbyDan Cederholm的页面来作为我们的例子页面。打开Chrome的Web Inspector（即按F12），选择Timeline页卡，并且上下滚动页面（页面滚动，浏览器发生重绘）。你会看到一堆垂直的时间线，鼠标点击每根线，就能看到每一帧页
阅读全文
