求索 - CSDN博客

Web业务性能优化技术总结

Web业务的性能优化是一个系统工程，既有深度，又有广度。以下所简称性能均特指Web业务性能。技术的广度上，主要从大背景下考虑到其各个相关方，基于共同的数据指标发掘和评估方案。技术的深度上是一个渐进和迭代的过程。可以从性能的本质展到目前各端的主要优化方向。

原创

2017-03-18 01:00:25

1442

2

2017 前端性能自查表

Smashing Magazine在年底做了一个有意义的事，把最新的Web性能优化实践做了盘点，这里提供其中大部分内容的翻译，供大家参考。有很多我自己也没有深入学习的点，翻译也不能保证准确，所以有时间还是看原文。

页面性能的基础因素 - 《Designing for Performance》

考虑页面性能可以从两种场景，第一个场景也是因素最多的场景，即首次访问。第二个场景则是重复访问，缓存将起决定性作用。浏览器厂商为页面开发者提供了很多工具和插件，比如Chrome DevTools, YSlow和PageSpeed Insights。

Webkit中HTML5 Video的实现分析(五) - WebKit中视频事件的传递

HTML的每个元素都可以让JavaScript在某些事件发生时，进行处理。就比如onclick="clickButton()"之类的属性设定。像下面这篇博客所讲的一样,在WebKit中每个元素都有其对应的JS绑定的实现： [WebKit]为JavaScript ...

网站HTML5视频问题汇总

最近一直在处理HTML5视频相关的问题，以下是一些和各个视频网站与HTML5 Video相关的问题(不是针对Flash视频): 优酷在清晰度切换时的事件处理不当优酷在视频下面的清晰度切换时，在JavaScript中会重新呼叫this.video.load()加载视频，但问题在于video的a...

Webkit中HTML5 Video的实现分析 (四) - 视频加载及播放的时序图

MediaPlayer同MediaPlayerPrivateInterface，再同播放控件的交互过程应当要简单、清晰。MediaPlayer通过自身的状态(Network States 和 Ready States)来控制操作的步骤。MediaPlayerPrivateInterface具体到不...

Webkit中HTML5 Video的实现分析 (三) - MediaPlayer & MediaPlayerPrivate的生命周期

明确主要类的生命周期有助于更好理解Webkit中视频的工作流程。下图展示了类间的引用关系。如HTMLVideoElement与一个MediaPlayer对应，MediaPlayer与MediaPlayerPrivate一一对应，它们都是一个组合关系，当所有者自身被析构时，会自动释放引用的实...

Webkit中HTML5 Video的实现分析 (二) - MediaPlayerFactory & RenderVideo的绘制操作

MediaPlayerFactory MediaPlayerFactory像是一个解码库一样，初始化时，各个可用的播放器(MediaPlayerPrivate)向它注册。当需要解码时，由它给出一个合适的播放器(呼叫MediaPlayerPrivate::constructor,即MediaPla...