很多爆款H5的一些酷酷的场景变换很多都是视频实现的，但是，视频的实现也有局限，如iOS下不能自动播放，动态数据不支持等，此时又当如何处理呢？
我们可以使用序列图片，通过JS脚本，来模拟视频播放效果，以上所有局限将通通可以规避。实现的方法很多，但是很多平时可以的方法在这种场景下会有性能跟不上的问题，那有没有什么高性能的实现方法呢？有……
文章关键字 ‘优化’
炫酷H5中序列图片视频化播放的高性能实现
2018年05月1日，星期二移动页面加速google的AMP和百度的MIP简介
2017年09月10日，星期日google先出了个AMP – Accelerated Mobile Pages（加速的移动页面），后来百度仿照出了个MIP- Mobile Instant Pages – 移动网页加速器。那这些新技术对我们的产品收益有帮助吗？对我们产品开发有什么影响呢？
梳理：提高前端性能方面的处理以及不足
2013年04月3日，星期三如题，自己折腾网站时候关于前端性能方面处理的一点经验梳理。自我总结同时也希望可以和大家多多交流。
小tip: base64:URL背景图片与web页面性能优化
2012年04月13日，星期五正如标题所示，本文内容就是介绍如何使用base64编码的CSS背景图片对web页面做性能优化。先介绍何为base64编码，如何base64编码，以及为何需要base64编码，最后付诸实际进行演示。
一如既往，有详尽的源代码展示，必要的截图以及demo演示页面。总之，希望本文的内容能够对你的学习有所帮助。
翻译 – CSS Sprites:实用技术还是生厌之物？
2010年03月30日，星期二
这是一篇翻译的文章，翻译的原因在于，我与原作者有类似的观点，即我自己也觉得CSS sprites的使用到了重新审视的时候。不过老实讲，本文作者在观点的表达以及论证上多少有些牵强，但是实际上，CSS sprites确实是需要善用的。难得的，本文没有demo，没有源文件。只是希望能够对您有一些新的启示。
去除冗余 – 精简您的CSS样式代码
2010年02月5日，星期五我基本上可以在国内任意的网站上找到冗余的CSS代码，可见CSS代码的冗余是非常普遍的，本文就列举了一些常见的使用无效CSS代码的情况，您可以对照分析看看您的代码是否也存在类似情况。
提供详尽的插图，提供相应的demo，希望能对您有所帮助。
回流与重绘：CSS性能让JavaScript变慢？
2010年01月23日，星期六
搜狐白社会似iphone短信对话框效果的优化
2009年09月10日，星期四搜狐有个白社会，今年六七月份露出水面的。其首页css我是从头到尾看了一遍，学了些东西，也用自己的想法优化了些东西。其中之一就是一个显示你或者是好友说了些什么的popup式的对话框，有些形似iphone里面的可爱的短信对话框。
这个对话框效果是不错的，能支持高度上限500像素的文字内容，宽度自动适用于内部的文字内容。
但是参观其HTML代码是背景图片后，发现要实现这样的效果，这代码，至少是这图片肯定是优化不够的。而本文将对比其原来的方法，提供更加大小优化的图片和对应的没有兼容性问题的css代码，看如何将css发挥到机制实现图片背景的优化。
文章主体将简要展示对原图片做如何的处理，展示在各个浏览器下的兼容性表现，以及一些关于css的相关说明。提供实例页面和相关的源文件打包下载。希望对您有所帮助！
我的应用
我的应用