magento -- 为Magento提速再做一点小努力之用工具压缩网页上的图片

Magento的速度问题一直困扰着我,以至于把能提高页面访问速度的方式能试的都试一遍。今天讲的东西并不是Magento独有,只不过为了弥补Magento在速度上的劣势,显得更迫切一点。

现在的网站越做越复杂,网页上的图片运用的很多,特别是商城会放很多大图片来做广告图,让网页的越来越大,以凡客为例,凡客的首页大小是2.4M,其中2.3M是图片,也就是说图片占据了网页内容的绝大多数。假如能把所有图片的大小压缩10%,整个页面就可以小230KB,而这并不是不可实现的。

Firebug这个插件应该每个做B/S开发的人都在用,而针对Firebug,Yahoo又提供了一个Firebug的插件YSlow,这是一个很强大的工具,今天不谈YSlow的其他功能,只看它能为我们压缩图片带来什么帮助。

用火狐打开凡客的主页,然后打开Firebug里的YSlow,点击Tools

下面有一排工具列表,找到倒数第二个All Smush.it,点击它之后,会跳转到http://www.smushit.com/ysmush.it/页面,接下来可以看到它再给整个页面的所有图片做压缩,压缩完成后会显示压缩的百分比和压缩的大小,

接下来你可以把压缩完的图片文件下载下来,并覆盖你网站原有的文件。这里它提供了一个很人性化的选项,保留图片的目录结构(Keep directory structure in zip file),这意昧着你可以直接把下载下来的压缩包解压后整个上传到你的网站目录,而不需要自己一张张去覆盖。

经过这一步骤,你网页上的所有图片经过压缩,网页大小可以大大减小,相对应得访问速度就提高了。

PS:很重要的一点是,据Yahoo官方的介绍,这款工具所做的图片压缩是无损的,也就是说你可以在不损失图片精度的前提下为你的网页瘦身。这点不好证实,至少我的眼睛是看不出压缩后的图片有什么精度的下降。

PS2:截图中可以看到,对凡客的图片做压缩效果并不好,不知道是因为有一些图片没有压的关系还是凡客的图片本身已经压缩的很好,如果是后者的话,这里要大大表扬下凡客的专业和精细。在对麦网做同样的测试后可以看到,如果麦网的首页使用Smush.it来做一次图片压缩,可以给网页一下子瘦身200多KB,效果就很明显了。

时间: 2024-10-31 23:58:30

magento -- 为Magento提速再做一点小努力之用工具压缩网页上的图片的相关文章

magento -- 为Magento提速再做一点小努力之移除不需要的JS

Magento的速度一直是个让人头疼的问题,加大硬件投入是效果最明显的,当然程序层面还是要努力的优化.常见的优化方式就不多说了,不外乎开启gzip,关闭不需要的模块,装php加速器等等,网上有一篇已经被转载了无数遍的文章专门有讲到.今天讲到的是一些小手段,有多少效果还未知,不过至少不会变慢. 有些人可能会注意到,新安装的Magento项目,本身页面就载入了很多外置JS,这里以1.4.1.0为例,通过Firebug可以看到,在没有修改任何文件和添加任何数据的情况下,Magento首页就要载入13个

为什么网页上的图片变得很小

图片是网页的重要组成元素,它不仅仅用于修饰网页,有的场合下许多作者用它来表达实际的内容.例如做设计工作的朋友有时会写一些作品教程,他们的教程中可能一个文字都没有,其实所有的步骤和内容都放到图片中了. 每个网站都会有许多需要放到网页内容区的图片,这些图片的尺寸大小不一.有些尺寸的图片不太好处理,比如一个网站的内容展示区的宽度为600px,而许多ps教程类的图片的宽度却往往达到1024px.甚至1280px之多.如何让网站内各种尺寸的图片按照适合网站的比例显示出来,这可能是每一个网页设计师都需要考虑

谈一谈在工作过程中搜集的.NET小工具小程序 数据库脚本工具 VS2010/2012风格的界面框架

原文 http://www.cnblogs.com/JamesLi2015/archive/2013/05/23/3094294.html 工作中遇到的问题,经常会在网络上搜集一些相关的内容,以此扩展以解决相同性质的问题,StackOverflow,CodeProject,CodPlex是我经常查找内容的网站.以下分享我找到的一些比较有典型意义的程序,列举工作中中可以能会遇到的场景和解决方法. SQL Server Runner 网址:http://www.codeproject.com/Art

magento -- 给Magento提速之缓存上的探索

依然在为Magento提速做努力,除了自带的缓存和编译,之前的所作的很多努力都是从减少JS,Css,图片等载入时间入手,而对页面载入耗时最早有时也是最大的一部分--获取页面数据没有做太多处理,以gap.cn为例,用firebug看下各个请求的耗时(数据受多方面因素影响,仅供参考):   可以看到js和css的载入时间一般是以几十毫秒来计算的,而载入的第一步页面数据却要花掉将近一秒,在用各种方法缩短js,css和图片的载入时间后,想要让Magento跑的更快,就得想办法从缩短这"781ms&quo

做站长十天的一点小感悟

中介交易 SEO诊断 淘宝客 云主机 技术大厅 现在草根站长越来越多,本人也经不住诱惑,成为其中的一员.经过这些时间的站长经历,有些小的感悟,有快乐的,满足的,成就感的,也有无赖的.有人说,有感受就要表达出来,不然会憋坏身体的.所以,我就决定将自己初当站长的一点小感悟些出来,供大家分享.当然这些都是菜鸟级别的,高手们可以走开了.下面开始正题了. 2010年05月01日,在废寝忘食的一个星期努力后,终于将自己构思已久的淘宝客网站程序写了出来,不瞒大家,我学习php程序才两个月.网站的源程序写出来后

85后“搅局”P2P:小投资机构就别再做这个了

目前,互联网金融有"余额宝"."第三方支付"."众筹"."阿里小贷"."互联网货币"及"P2P"六种模式.在这六种模式中,只有P2P公司处于"百花齐放"而非"一枝独秀"的状态,这也是行业爆炸式增长的重要原因.截至2013年底,中国从事P2P网络借贷服务的平台已经超过千家,可统计的P2P网络借贷平台线上业务借款余额将近100亿元,投资人超过5万人.

先做小做专再做强做大——快乐米音乐网谈在线音乐市场

艾瑞网专家杨韬获悉同行消息,中国著名的音乐网站分贝网主体已搬回重庆办公.而就在不久之前,业界也传闻分贝网获得IDG和阿尔卡特共计数百万美元的风险投资已所剩无几,分贝网曾放出消息寻找被收购但一直未有结果.分贝网迁回重庆有可能是出于管理成本的考虑,但是传递出来的预警讯息是目前web2.0网站特别是音乐网站整体处于亏损状态. 在线音乐市场自从01年开始一直被投资市场所看好,02年步入初期的快速发展阶段,众多在线音乐网站纷纷涌现,市场发展极其迅速.加上04年以后中国政府在版权保护和打盗版上进行了大力的整

javaweb js-关于javaweb的一点小问题

问题描述 关于javaweb的一点小问题 请问怎么实现类似电影院订票的样式,现在我想点击一个按钮,这个按钮点击了之后就会变色,然后数据库中的值由"0"变为"1",然后取消的话,又变色回来,数据库中的值从"1"变成"0",变色应该用js来控制吧,但怎么和数据库交互,想了好久,但在脑子里形成不了一个直观的思路. 解决方案 变色用js控制,那也得提交订票信息之后,再去改数据库啊-- 你这样点击一次,数据库值就变一次,请求的太频繁了吧

关于PostCSS的一点小科普

本文讲的是关于PostCSS的一点小科普, PostCSS起源于2013年9月,发展到现在,已经有很多开发者在工作中使用它.如果你尚未接触过PostCSS,这篇文章正适合你. PostCSS是一个使用JavaScript插件来转换CSS的工具. PostCSS本身很小,其只包含CSS解析器,操作CSS节点树的API,资源生成器(译者注1:原文是source map),以及一个节点树字符串化工具.所有的黑魔法都是通过利用插件实现的. 截止目前,PostCSS的生态圈内已经拥有超过100种插件.这些