WordPress 网站全方位速度优化：HTML JS CSS等
发布时间：2016-09-29 08:09:23 所属栏目：经验 来源：分享建站经验的网站
导读：副标题#e# 上一篇《WordPress 网站全方位速度优化：主机篇》讲的是关于WordPress 网站所在主机的设置，这次我们来讲网站内部臃肿导致加载变慢。 还是上一篇那个例子，一个网站首页总大小，如果从3MB下降到1MB。即便是1M 带宽的主机，加载时间也会从25秒下降
|
以小红建站公司网站首页为例，第一屏有个背景视频，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差不少，马赛克严重。 （编辑：济南站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
