WordPress 网站全方位速率优化：HTML JS CSS等

网站上用的视频通常有两种方式，一种是托管在视频网站，比如优酷，我们在自己网站上引用优酷视频的地址，通常会有优酷的标志或者广告。另外一种方式是把视频存放在本地主机上，我们主要说这种。这种视频往往容量很大，用户下载慢，使用时一定要注意。下面说说如何优化：

以小红建站公司网站首页为例，第一屏有个背景视频，1000kb码率的MP4格式，36秒，5.4MB，严重影响打开速度。压缩成384kb码率的webm格式视频后，，变成1.4MB，但画质很粗糙，显得很low。最后把视频剪辑成22秒，压缩成512kb码率的webm是1.4MB，质量好些，在视频上覆盖一层灰色，遮住粗糙的视频，整体显得高档。

这样做还有个问题，IE11浏览器 和 微软Edge浏览器 不支持webm 格式的视频，这需要额外增加mp4格式的视频给微软的浏览器。访客浏览器如果是支持webm视频的谷歌等浏览器，网站直接给他看webm视频；访客如果是 IE 浏览器，网站会给他看 MP4视频。

同样22秒 512k的码率MP4也是1.4MB，但是质量差很多，不得不提升768k码率，视频质量和webm的512k码率类似。吐槽Edge浏览器，播放MP4的质量好差，同样一段视频比IE11差不少，马赛克严重。

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!