02 August 2014

视频网站的播放页应该算是互联网全行业中性能问题“最严重”的页面了!

从用户打开播放页,到播放器开始播放,期间有很多流程要完成。除了HTML/JS/CSS/IMG/Flash等静态资源的加载,还要进行动态获取视频信息、用户鉴权、请求广告、视频资源的CDN调度等关键流程。

性能优化的方向,就是让这些流程尽快完成;目标就是,让用户尽早看到视频(其是让用户尽早看到广告)。

在不能删减流程的情况下,如何让这些流程尽快完成?下面就是具体的一些尝试:

Pc Web播放页优化方向

  1. 播放器wmode使用opaque vs window模式
  2. 去掉播放器对shareobject的操作
  3. JS在页面开始加载时,请求flash跨域请求所需的crossdomain.xml文件
  4. 将FlashPlayer的加载上移到页面顶部
  5. Pingback服务器增加keep-Alive
  6. Swf静态资源强缓存

上面是优化的方向,有些优化尝试需要在实施前,先进行优化效果测量。

测量指标

第一帧广告画面开始时间:这个指标表示从用户打开播放页,到播放器开始播放视频,这两个时间点的间隔。为了能测量到该指标,flash同事给播放器里面加了一个pingback发送逻辑,在播放器呈现第一帧广告画面时立即发送该pingback,供测量系统抓取识别。

播放器见第一帧广告画面耗时:这个指标表示从播放器swf文件请求开始,到播放器开始播放视频,这两个时间点的间隔。表征的是播放器自身及内部流程耗时。

广告黑盒时间:这个指标的计算方法是:从播放器

花絮



blog comments powered by Disqus