推荐榜 短消息 big5 繁体中文 找回方式 手机版 广 广告招商 主页 VIP 手机版 VIP 界面风格 ? 帮助 我的 搜索 申请VIP
客服
打印

[交流] 说说模板的廋身(转)

购买/设置 醒目高亮!点此感谢支持作者!本贴共获得感谢 X 7

说说模板的廋身(转)

今天周末,正好休假,闲着无事,就把以前从网上下载的HP模板整理一下!整理中发现几个HP模板体积很大,例如《国色天香》-------580kb《金屋藏娇》-----775kb,简直是“胖子”,于是就想为模板减肥^_^。下面以《金屋藏娇》为例说明减肥的全过程!

1.把隐藏的文件显示出来,多出了一个名为Thumbs.db隐藏文件,这是一个数据库文件,微软的说法是能加快图片的浏览速度,至于加快了多少,我看不出来,我们是来为模板减肥的,不是看图的,这文件属垃圾文件范畴,理所当然应该删掉,不过此时不要删除,最后一步才将其删掉。此时,查看模板原体积——775k

2.删除多余的文件(模板中未使用的文件)。HP模板不同于软景,模板文件夹中所有文件都会被软件复制,软景则不会,因此删除多余的文件很有必要(模板中跟本就没使用的文件)。检查了一下《金屋藏娇》中有menu.js和04.jpg的文件,删掉减了230K。对于有些模板来说,多余的文件是图片,如果将其删掉,模板将减肥不少。所以这步是不能省掉的

3.文件夹index中共有6个子文件和文件夹,其中image和pic文件夹就占了744K,因而,减肥重点就在这两个文件夹

a.我们先为image文件夹减肥,里面的图片是模板使用的文件,一共653K,巨无霸一个^_^
告诉大家一个很好用的方法,不用装什么软件,就用系统自带的画图工具就行!具体做法是用画图工具打开图片(静态的,不是GIF动态格式),在将其“另存为”在相同的位置,将原图片替换掉!替换前和替换后,根本就看不出什么区别! 现在再看只有190K,从653K变为190K,瘦身不少!

b.再看pic文件夹,里面的图片是用来做chapter.htm的背景图片特效的,一共91K!在我看来完全可以用“背景颜色”代替“背景图片”。图片一般都有花纹,会影响某些文字的阅读。而“背景颜色”只要颜色值适当,则不会出现此问题,而且还能减肥不少!因此将pic文件夹删掉!当然此时应对的biao1.js中下拉列表中相应选项的value值改为颜色代码!

4.做完了上述几步后,再看模板只有200K,减肥显著,不过仍然有点肥,继续瘦身。重点落在image文件夹,用PS打开图片,文件--存储为web和设备所用格式,在弹出的对话框中选择”jpg格式“,品质选”中等“然后存储在原位置,替换掉原图片,替换后的图片看不出损失了多少像素!这样image文件夹由190K变为128kb

5.删掉Thumbs.db文件

好了整个瘦身过程完成。再看此时模板变为140kb。从775kb到140kb减了不少啊!

当然,还可以继续减肥,我觉得里面有些JS特效是多余的,如时间,日期等。屏幕右下角就显示时间,模板何必再加时间显示!还有再看看css文件。有些模板css文件中定义的类,标签,ID,伪类选择器等,加起来有40多种!一个HP模板用的着那么多样式吗?定义了就要使用!所以梳理一些多余代码也是必要的!
本帖最近评分记录
  • WongSing 金币 +5 转贴分享造福大众,论坛所有会员向您致敬! 2008-12-9 21:29

点此感谢支持作者!本贴共获得感谢 X 7
TOP

昨天想跟着前面一个教程做,但模板太大,下载了很久,
用楼主这个方法可以省很多时间了

TOP

楼主是高手了,学习了,我也来减减,廋廋身。多谢楼主。

TOP



当前时区 GMT+8, 现在时间是 2025-6-15 05:13