提高页面相应速度之压缩优化js和css文件
Steve Souders在他的《High Performance Web Sites》一书中提出提高网页效率的14条准则，这些可以使用Yahoo! YSlow来进行一个比较形象的检测。
这里主要来说一下第一条准则：Make Fewer HTTP Requests，意思就是尽可能的减少HTTP请求。当时要达到这个目的有很多种方法，其中最重要的一点就是将CSS文件和Javascript文件分别进行压缩和合并，这样就在很大程度上减少了浏览器对服务器的HTTP请求此处，另外一旦被浏览器下载到本地可以对此进行缓存，从而提高了加载速度。
有关于这方面的工具最优秀且使用最为广泛的开源软件非YUI Compressor莫属了。但是YUICompressor只能使用命令行一个个对js或css文件进行压缩，现在我们就通过使用ant脚本来达到批量压缩合并多个文件的目的。
下面以压缩js文件为例进行说明。
首先做一个关于js文件编码规范的约定：所有的原始文件均为 .source.js，经过压缩处理后文件变为.js，将多个压缩后的文件合并后的文件名称为all-min.js。
接下来可以写下面的ant脚本：
<!-- 对YUICompressor的引用 -->
<property name="js.dir" value="${web.dir}/scripts" />
<property name="js.release.name" value="all-min.js"/>
<!-- 删除之前压缩合并过的文件 -->
<delete>
<fileset dir="${js.dir}" includes="${js.release.name}"/>
</delete>
<!-- 执行 yuicompressor 压缩JS
-- parallel="false"：对fileset中的每个文件都执行一次executable参数的命令
-- dest 执行目录
-->
<apply executable="java" parallel="false" verbose="true" dest="${js.dir}">
<fileset dir="${js.dir}">
<include name="**/*.source.js"/>
</fileset>
<arg line="-jar"/>
<arg path="${yuicompressor}"/>
<!-- 设置待处理源文件及处理后输出文件的编码格式 -->
<arg line="--charset utf-8"/>
<srcfile/>
<arg line="-o"/>
<!-- 指定文件命�
相关文档：
刚开始学习zend framework ，对于路径问题还是没弄明白，以至于图片不能正常显示，搜遍了Google终于找到一个解决办法。具体解决办法如下：
在.htaccess中用下面这段代码代替原有代码
# Zend Framework rewrite规则
RewriteEngine on
RewriteCond
%{REQUEST_FILENAME} !-f
RewriteRule .* index.php
#
安全性考虑� ......
Eric Meyer’s CSS Reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, fo ......
注意事项：
了实现导航中的子导航与主导航在实现鼠标交互的同时，保持其相对位置一致，我们使用了对ul li{}使用了position:relative;使其定位方式转为相对定位。而对li ul{}即子导航采用了position:absolute;相对于导航的绝对定位方式，了其鼠� ......
YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具，采用Java开发。
使用方法：
//压缩JS
java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js
//压缩CSS
java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css ......
CSS＋DIV是网站标准中常用的术语之一，通常为了说明与HTML网页设计语言中的表格定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。那么使用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
有时候我们在 ......
