PDA

View Full Version : 实现zen cart大图小图分离,大大加快网页打开速度


上海公司注册
2012-06-21, 11:50 AM
ZEN CART由于是一款购物系统,难免要展示大量图片,而图片一多,网页容量变大,页面打开速度就会变慢,那么该如何解决这个问题呢?

我的建议是不要直接索引大图,而为显示在列表页面的图片都制作一张小图,列表页面只索引这张小图;

首先我们来算一笔帐,我们按ZEN CART默认的只显示9张图片,我们假如每图片平均只有30KB,这样的话,9张图片就有270KB;如果我们所制作的小图按平均5KB来算的话,那就只有45KB了。这下就看得很明白了,270与45绝对是两个不同的概念;这里还只按9张图片计算,在实际应用中,有时候展示在首页的图片远远不止9张图片,那这之间的差别就更大了。

另外补充一点,不光是商品图片需要优化,网页装修性图片也需要优化;一个网站难免有装饰性图片,需要记住一点,图片优化的一个重要原则就是:网站能用文本的就尽量不要用图片,非要用图片的,那么在不严重影响图片质量的前提下,尽可能的把图片压强到最小;

光说理论算账,都说得云里雾里的,下面以一个实例来说明吧,这样也许更能让读者明白是怎么回事:
www.cheapglasses123.com
首页展示的商品图片有16张,加上“最新订单”里有5张,底部的客户评论有6张,首页光索引的商品图片就有27张,直接索引大图,按30KB/张算(实际上,可能比这个数字要大得多),商品图片就有810KB,但将大图与小图分离后,按平均每张小图5KB/张算,27X5 =130KB,这里就将网页的容量减小了近680KB。680KB是一个什么概念呢?如果按一般150KB/S的网速度计算,用户在打开此网页时,减少用时近5秒;5秒钟对于一个网站来说,绝对是一个重要的问题,有时候对于一个网站来说,哪怕是少用时一秒,都是很重要的。