云式博客

移动世界最佳做法

通过 2018年9月19日

TL;DR

消费者期望媒体内容丰富正因如此图像加载速度视频播放是一个大因素用户经验面向优化客户对移动内容满意度,你必须注重数字资产的质量、格式和大小云化优化简单化,不仅提高移动网络应用性能,而且提高移动网络性能提升SEO游戏提高客户满意度

移动优化定义

移动优化术语有时用同义词“响应设计”或“手机友好性”,指为访问网站或手机设备应用的用户设计有深度精简经验过程优化移动网站或应用必须超出屏幕尺寸调整范围,同时考虑网络条件和装置类型并提供目的性经验自用户在移动上消费远比桌面多视觉内容以来,数字媒体是移动优化策略中最重要的部分。

优化移动网站快速易行,云端能力即时变换URL和内置响应图像和视频解决方案

优化图像与云形移动方式

添加f_autoq_aut参数所有图像URL向没有视觉退化的用户提供最优化格式和质量细节见此博客文章.
调整大小或对图像采取响应式解决方案,方法如下:
- 调整图像大小,如果有特定的布局维度并知道精确宽度或高度需要
- 执行响应设计,即调整内容大小、分辨率和布局以适应应用环境
  - 云性 JavaScript响应解决方案添加w_auto,dpr_auto,c_limit参数到URLs并输入云端库并包括焊接响应类图像标签细节见此博客文章.
  - 取响应断点云化生成URL标签或srcset设置.细节见此博客文章.

要清晰调整大小并调整解析度,你最终图像URL将看起来像:

https://res.www.agrosoland.com/demo/image/upload/f_auto,q_auto,w_500,dpr_2.0,c_limit/happy-pup.jpg

令人印象深刻的是,这些简单URL参数将图像文件大小从1.23MB减为126KB

优化视频云化系统,注重尺寸、格式和质量如下:

调整大小视频适配设计例举添加l_800c_限制参数对视频URL调整为800像素宽度,除非原创小刚修改800值为已知最大宽度视频
拷贝剪切板
```
https://res.www.agrosoland.com/demo/video/upload/w_800,c_limit/dog.mp4
```

变大小参数将视频尺寸从9.1MB减为669KB

默认情况下,用云式隐式应用视频的任何变换(如上文所述调整大小)也包括视频编码自动机vc_aut传变视频交付时设置vc_aut质量70q_70和通用视频音频设置与其为视频设置质量值,倒不如指定q_aut利用云化智能质量和编码算法视频服务原创视频不附加参数快速赢q_aut向URL查询更多细节见此博客文章.
拷贝剪切板
```
https://res.www.agrosoland.com/demo/video/upload/q_auto/dog.mp4
```
带q_aut文件大小从911MB降为821KB而不影响视频视觉质量
相似图像,您也可以指定f_aut视频自动优化视频编解码器,假设浏览器支持该参数举个例子
拷贝剪切板
```
https://res.www.agrosoland.com/demo/video/upload/f_auto,q_auto,w_1280,c_limit/dog.mp4
```

视频尺寸从911MB520KBSarifari,394KBV9/WebPchrome和821KBH264/MP4Firefox视频运行超过20秒时考虑自适应比特率流调整视频质量以适应用户网络条件

简编:

云型iOS和AndroidSDKs提供简单而全面的优化和交付能力,你可以无缝地与本地应用集成

下段描述如何优化本地应用的质量、格式和媒体规模

调整图像大小或应用响应程序设计对OS和Android都很重要云化响应本地a简化媒体资产多变多复杂

作为一种奖赏,如果你接受用户生成内容预处理您的图片减少上传交付时间

优化视频如下:

本地程序明确锁定新视频编解码移动网页段输入URL
面向OS11以上利用H.265MP4支持q_aut并调整视频大小f_mp4,vc_h265,q_auto,w_1280,c_limit参数设置1280值为已知最大宽度视频
拷贝剪切板
```
https://res.www.agrosoland.com/demo/video/upload/f_mp4,vc_h265,q_auto,w_1280,c_limit/cat.mp4
```
上方优化将视频文件大小从3.6MB减为1.7MB
面向Android4.4以上服务高优化VP9视频编解码q_aut并调整视频大小f_webm,vc_vp9,q_auto,w_1280,c_limit参数设置1280值为已知最大宽度视频
拷贝剪切板
```
https://res.www.agrosoland.com/demo/video/upload/f_webm,vc_vp9,q_auto,w_1280,c_limit/cat.mp4
```
上方优化将视频文件大小从3.6MB减为1.4MB
确定视频播放器支持新视频编解码云情视频播放器说到做到旧设备默认通用编解码格式q_auto,w_1280,c_limit参数云式URL设置1280值为已知最大宽度视频
自适应比特率流并很好工作长视频应用ExoPlayer系统Android支持动态自适应流AVPlayer系统OS支持HTTP流