阿水的世界。

2017年4月

04月 09

网站首页优化问题

前段时间,朋友提出要对他的网站进行优化,完全加载完成大约需要5分钟。为了解决这个加载速度慢的问题,我认真地研究了一下他的网页内容与相关文件的加载时间,然后发现,具体原因在于首页包含图片太多、图片太大,经统计,网站首页引用399个文件,总大小24.5mb,图片文件大约24.4mb。

我觉得首要需要解决图片多、图片大的问题。然后,我发现这些图片均为用户自行上传的图片,均为未针对网络显示而优化的jpg或png图片,600x400px的图片基本就有100kb。这样的编辑真的很让人无语%¥#@#¥%……

好吧,问题已经找到了,那么就可以有针对性的进行优化。现在需做的就是压缩各种图片!!!!

为了压缩图片,我也是醉了,找了无数软件,但是均无法批量压缩并且覆盖。经过nnnn……天的百度,终于找到一款JPEGResizer,该软件的最早来源是迷,目前发现的最早记录在2004年,可针对jpg图片进行批量改变大小(这个应该是主要功能吧=_=||),同时可以在不变图像尺寸大小的情况下,对图片批量进行调整颜色(调整图片的rgb值)、调整压缩率、改变重取样算法等功能,当然,最主要的一点是可对文件夹进行批量操作,可以一次性选择多个文件夹及其子文件夹中的所有jpg文件,同时还可直接覆盖原始文件而不用另存,同时,该软件的界面超级精简,只需要4个大步骤即可完成操作,软件的稳定性还是不错的,我一次性替换约2000个文件,花费时间5分钟,没有死机。

现在jpg的问题解决了,但是还有png的文件没有搞定。png的大小还特别大,相同尺寸的JPG和png,png文件是jpg的近10倍。我真的无力吐槽,为什么不用jpg…………&…%¥#

png文件的压缩感觉是个很严重的问题,一般的图片处理软件无法对png文件进行压缩,只能是改变大小,但是调整大小以后对画面影响太大,改变大小的方法不适合使用。为了解决这个问题,找了很多网站,终于找到一个pngquant.exe,png有损压缩的命令行软件,配套的GUI是PNGoo。这个软件可以按照自己设定的压缩率,对png文件做出压缩(PNGoo不支持自定压缩率),可使用通配符,但是不支持子文件夹。不过可以压缩png就是一大成功。

利用这两个软件,我把网站里相关的软件进行了压缩,首页网页大小从接近25mb压缩到目前的7.2mb,打开速度提高到15秒显示完成,完全加载完成50秒。以后可以继续对图片进行深入优化,如将非透明png替换为jpg等。

两个软件的下载地址
jpg大小调整工具ha_JPEGResizer.rar
png有损压缩PNGoo.0.1.1.zip

ps:在搜索的过程中,还找到了两个无损压缩的软件,一个是optipng,可对png进行无损压缩,我测试的结果是大约可对png压缩5-8%,但耗时较长,2.8mb的文件约需半分钟。另一个是jpegtran,没有试验,不知效果怎么样。同样贴出下载地址:

png无损压缩optipng-0.7.6-win32.zip

jpg无损压缩jpegtran.zip