标准的xhtml主要以div+css来实现页面布局和style修饰。这类架构往往需要写比较多的styles，这样的结果导致css文件会很大，本文讨论的是一些缩小css文件大小的技巧。

注释

如果css文件中一些注释是必须不能去掉的，则尽量写的简单一些。如下的注释：

/*———————-*/
/*—–Comment—–*/
/*———————-*/

可以简化成：

/*Comment*/

同时尽量去掉多于的空格。

颜色定义

如下的颜色定义：

color: #000000;
color: #dd44ff;

可以简化成:

color:#000;
color:#d4f;

margin、padding多行定义写成一行

如：

Padding-left:10px;
padding-right:20px;
padding-top: 0;
padding-bottom:30px;

简写成：

Padding: 0 20px 30px 10px;

又或者：

padding-left:10px;
padding-right:10px;
padding-top: 0;
padding-bottom: 0;

可以简写成：

Padding:10px 0;

0px可以去掉后面的px

如Padding: 10px 0px 0px 0px;可以写成：Padding: 10px 0 0 0;

合理的定义id和class

尤其是class，如果定义的合理，可以很好的重用。

对于不同元素的相同定义可以连起来定义

如：

h1{
margin:0;
padding:0;
}

h2{
margin:0;
padding:0;
}

h3{
margin:0;
padding:0;
}

可以写成：

h1, h2, h3{
margin:0;
padding:0;
}

最后一点，借助工具来压缩你的css文件

如去掉空格、分行和注释等等。推荐一个csscompressor。

1.优化循环的一个小技巧

for ( var i = 0; i < elements.length; ++i )
for ( var i = 0, j = elements.length; i < j; ++i )

在第二个循环中，首先把elements.length附给变量j，这样不用每次都计算elements的length

2.对于事件响应采用匿名函数

button.onclick = function(){
//do something
return false;
}

这 种方式比起在html代码中给element加上onclick参数，然后调用一个javascript中已经声明的function来说，性能上会有所 提高，尤其是当同一个window中有很多个function的时候，因为这些function会在内存中建立类似Map的数据接口，按照 [functionName,function]这样的键值接口存放在里面，在onclick需要调用对于名字的function的时候，需要花去一定的 查询时间。

这段时间装了一些扩展，Firefox的运行环境估计被搞的有点乱了，启动速度很慢，打开标签页的速度也没有原先快了。Google上搜了一下“speed up firefox”，找到些有用的建议。

加快启动速度：

1. 选项-主要-系统默认值中，取消“启动时总是检查firefox是否为默认浏览器”。
2. 在启动ff的快捷方式里面加入启动参数： /Prefetch:1，也就是比如：如 “C:\Program Files\Mozilla Firefox\firefox.exe” /Prefetch:1
3. 另外在你的 FF 快捷方式后面加上 -turbo如 “C:\Program Files\Mozilla Firefox\firefox.exe” -turbo
4. 删除一些不用的扩展和插件，还有一点要注意，有些扩展和插件是恶意的或者存在缺陷的，比如会导致内存泄露等等，对这类扩展建议删除。
5. 高级-更新中，取消“自动检查下列更新”中的所有更新选项。
6. 不要用花哨的主题（Theme），建议还是用默认的Firefox主题。
7. 定期删除网页缓存和cookies。

加快网页浏览速度：

在地址栏输入“about:config”，设置以下参数的值：

network.http.pipelining, true
network.http.proxy.pipelining, true
network.http.pipelining.maxrequests, 30
content.notify.backoffcount, 5
plugin.expose_full_path, true
ui.submenuDelay, 0

（如果about:config中没有相关的参数，可以在Application Data下找到一个prefs.js的文件，在里面加javascript代码就可以了）

更多的设置或者一些帮助加速的插件见下面的相关链接：

• How To Speed Up Firefox
• Firefox Tweak Guide
• Firefox 终极提速
• 关于FireFox的启动速度及优化