最新更新时间:Nov-10-2022
完全概述媒体优化程序并如何帮助你优化网站媒体,见媒体优化概述.
if you've followed the媒体优化穿透很容易开始使用Web地址媒体源快速启动相似性, 但显示如何搭建媒体优化器AWSS3媒体源码
预设条件
快速启动假设你已经注册创建Media最优化账户登录入.
创建优化剖面
优化剖面包所有你需要配置的东西 使媒体优化启动并运行, 包括媒体源码,路径前缀并基建变换.
步骤1:开始配置优化剖面
可开始以下列方式配置优化剖面
步骤2:填全表单
优化剖面名称
输入优化配置名
媒体源
媒体源连接媒体优化程序如下:
点击连接新媒体源.
完全表单 :
- 媒体源名:输入媒体源名
- 类型:选择
AWS3
. - 桶名输入您的S3桶名
- 桶文件夹:输入文件夹名包含您的媒体文件
注解桶文件夹名称中包含空间目前不为媒体优化支持
- 存取密钥:输入访问密钥ID需要阅读您的S3桶
- 密钥:输入秘密访问密钥需要阅读您的S3桶
点击保存.
从下拉点选择媒体源码
更多媒体源连接时,为媒体源重复这些步骤
优化剖面URL
- 离开域名原封不动-它会格式化
.mo.cloudinary.net - 上头路径前缀作用标识优化剖面设置它为对媒体有意义的东西 你会优化使用这条路径可创建进一步的优化剖面图对不同类型的媒体应用具体变换
注意URL示例修改方式
https://
..mo.cloudinary.net/
基底变换
留此为auto_format_auto_quality_responsive_width
*.推荐所有媒体使用此变换自动改变媒体格式和质量水平并限制其宽度基于查看设备以最优方式交付每一项资产
注解
*万一你看不到auto_format_auto_quality_responsive_width
作为一种选项,你可以人工创建此变换或简单使用auto_format_auto_quality
暂时
步骤3:保存并启动优化剖面
- 点击保存保存优化剖面
- 点击启动优化配置弹出式对话框中
试一试
开始通过Media优化并看到优化的好处
- 使用优化剖面图复制优化剖面图 URL
由表单组成.mo.cloudinary.net/ . - s3桶发送媒体替换桶名和文件夹复制文本例举 :
原创媒体定位:
- s3m
/ /路由/图像.jpg
媒体优化交付URL:
- https://
.mo.cloudinary.net/ /路由/图像.jpg
- s3m
- 粘贴浏览器中的URL并看到媒体通过Media优化传送
下一步是什么
所有你现在需要做的就是更新网站上所有媒体URL到Media最优化提供URLs,并立即享受优化媒体的性能收益
查看页码和格式使用浏览器右键点击图像或试图时提供的任何媒体检验工具云媒体检查员浏览器扩展
*视浏览器而定,你可能看到不同格式和大小
✖️