网站前端优化

1. 合并js和css

引用

不要将js和css直接写在页面上面, 把他们独立成单独的文件, 然后有选择的把一些Js和css合并成一个文件,一些图片可以使用css sprites技术

2. 指定Expires或者Cache-Control: 我不是很懂, 还需要进一步研究&实践, 抱歉!


3. 使用gzip压缩js, css等返回数据: 只需要在tomcat服务器server.xml中加上下面一段代码就可以

compression="on"

4. 压缩js文件和css文件: 使用YUI Compressor来压缩

java -jar yuicompressor-2.4.1.jar in.js -o out.js 

 

引用

最安全的语法，不混淆、不去分号、不优化
java -jar yuicompressor-2.4.1.jar --nomunge --preserve-semi  --disable-optimizations  in.js -o out.js

utf8编码可以指定
java -jar yuicompressor-2.4.1.jar  --charset utf-8  in.js -o out.js

5. 将css放在页面顶部加载

引用

把样式表放在文档底部的问题是因为ie，firefox等浏览器在css全部传输完全之前不会去渲染任何的东西。

6. 将js放在页面底部加载

引用

脚本带来的问题就是它阻止了页面的平行下载, 浏览器可以在每个并行下载中同时下载2个以上的文件, 但是当下载脚本时，浏览器就不会同时下载其它文件了

7. yslow: firefox的一个插件, 可以给网站进行打分, 方便开发者查看自己网站的前端表现

 

评论

2 楼 42087743 2008-12-02  

引用

雅虎特别强调， 所有的文本内容都应该被gzip压缩: html (php), js, css, xml, txt…

1 楼 elstage 2008-12-02  

gzip可以直接压缩js css