web图片优化
来源:互联网 发布:ubuntu upstart 编辑:程序博客网 时间:2024/06/07 05:49
周六参加web交流会www.w3ctech.com ,获益匪浅。开发中只是使用YSlow 的Grade评级进行web站点优化,却没有发现,其实YSlow的Tools也相当强大。
这里,我就现学现卖。讲讲使用YSlow的Smush.it 进行web图片的优化。
1. 首先,还是使用前端开发的不可缺少的利器--FireFox 浏览器。安装上YSlow--Add-ons
2. Get Add-ons,搜索yslow
3. 安装
4. 重启Firefox
5. 输入要进行分析的web站点后,选择 YSlow -- Tools -- All.Smush.it
6. Firefox 会弹出一个新的页面,显示分析处理后的结果
我已我们公司的产品www.atelink.com 登录页做测试后,可以发现,仅仅是一个登录页,图片可以压缩处理28.36%.
点击“Download Smushed images” 可以将经过Yahoo站点压缩过的图片打包下载下来。
如果想保持图片的目录结构(比方说有图片是在global/images 目录下,有的是在content/images 目录下),勾选"keep Directory structure in zip file"。
通过这种方式,可以直接替换网站的图片文件即可。但是,需要注意的是,如果图片是使用css的background-image 设置的,那么需要更改相应的css代码。
PS: 将鼠标放在图片名称上,会显示该图片的缩略图。 真的是太强大了~~ O(∩_∩)O...
7. 使用UPLOADER ,我们可以选择本地文件上传后,通过Yahoo网站处理后,然后下载图片文件。
- Web性能优化:图片优化
- Web性能优化:图片优化
- Web性能优化:图片优化
- Web性能优化:图片优化
- web前端优化--图片优化
- Web图片优化总结
- web图片优化
- web 图片优化
- web图片优化
- Web图片优化总结(2)
- web前端-图片,优化,压缩
- web 图片优化 前端优化之图片优化自动化
- web前端优化之图片优化
- web前端图片极限优化策略
- web前端图片极限优化策略
- web前端图片极限优化策略
- Web图片在线压缩优化工具
- web性能优化三图片的相关优化
- 设计模式C++学习笔记之七(AbstractFactory抽象工厂模式)
- 运行一个ActiveMQ代理
- 设计模式C++学习笔记之八(Adapter适配器模式)
- Exception starting filter struts2
- 设计模式C++学习笔记之九(Template Method模板方法模式)
- web图片优化
- 设计模式C++学习笔记之十(Builder建造者模式)
- Android java.net.SocketException: Permission denied 解决
- 设计模式C++学习笔记之十一(Bridge桥梁模式)
- glViewport()函数和glOrtho()函数的理解(转)
- 设计模式C++学习笔记之十二(Command命令模式)
- 百万级访问网站设计(转)
- 设计模式C++学习笔记之十三(Decorator装饰模式)
- Camera+收入超500万美金,VPlayer能否击败其神话?