网站优化总结

网站优化方案：

从减少HTTP请求数量方面考虑：

       最基本，最重要的一条：能放入单个TCP/IP包中的字节数是1160。

一、图片文件优化方案：

1. 对于大量公用的小图片，采用合并方式（将小图片合并成一个大图片）。
   
2. 利用CSS的background-position 属性进行设置
   
   示例：<div style="width:16px;height:16px;background-image: url(../img/iknow/icons.gif);background-position:0 -32px;"></div>
   
   每个小图片的长宽分别是16px，所以显示第一个图片坐标就是0 0，第二个图片的坐标是：0 -16px，第三个图片的坐标是0 -32px，以此类推……

二、js文件优化方案

1. 首先将所有js文件进行压缩优化。
2. 查询所有页面引用的js文件信息。将其记录到一个txt文件中。
   
3. 将所有页面上引用的js文件信息分类。
   
4. 合并分类的js文件。
   
5. 替换引用HTML文件中引用js地址信息。

三、css文件优化方案：

1. 首先将项目中的所有css进行压缩优化。
   
2. 查询页面中引用css文件信息。
   
3. 将引用信息分类。
   
4. 合并分类的css文件。
   
5. 替换页面中引用css的相应地址。

四、jsp页面的优化

1. 去除jsp页面中无用的空行、tab符、空格符。

从程序执行上考虑：

一、Html和Css执行效率：

1. 标记有始有终.
   
2. 删除无用的空格、tab、空行。
   
3. 如果要处理绝对位置的元素，diaplay和visibility具有同样的效果,使用visibility会更快。
   
4. 把 CSS 放到代码页上端.和用户访问期望有关。CSS 放到最顶部，浏览器能够有针对性的对 HTML 页面从顶到下进行解析和渲染。
   
5. 避免 CSS 表达式.
   
6. 从页面中剥离 JavaScript 与 CSS;
   
7. 避免使用Filter.
   
8. 使用 <link> 而不是@importChoose <link> over @import 在 IE 中 @import 指令等同于把 link 标记写在 HTML 的底部。

一、js执行效率：

优化原则：

1. 尽量减少不必要的对象创建。
   
2. 多字符串连接时用Array.join()替换 string += "XX"; ，提升速度，也即自定义一个StringBuilder()或者StringBuffer()方法，用法与java中的StringBuilder()方法相同。
   
3. 变量名尽量使用最短的字符表示，尽量一次定义多个变量。
   如：function fun(username,userage){alert(username+userage);}
   应为：function fun(a1,a2){alert(a+b);}
   
4. 替换布尔值: 如：1替换ture，0替换false
   
5. 缩短否定检测: 如：if(name == null){} 替换为：if(!name){}
   
6. 使用数组和对象字面量:
   如：var test = new Array; 替换为：var test = [];
   var test = new Object; 替换为：var test = {};
   
7. 注意变量的作用域范围，局部变量的速度要比全局变量的访问速度更快。
   
8. 使用for(;;),while(),for(in)三种循环时应尽量避免使用for(in)方法，
   如果是循环变量递增或递减，不要单独对循环变量赋值，应该在它最后一次读取的时候使用嵌套的++或--操作符。
   如果要与数组的长度作比较，应该事先把数组的length属性放入一个局部变量中，减少查询次数，尽量避免with语句。
   
9. 不使用Eval，使用eval相当于在运行时再次调用解释引擎对内容进行运行，需要消耗大量时间。这时候使用JavaScript所支持的闭包可以实现函数模版。
   
10. 减少对象查找，因为JavaScript的解释性，所以a.b.c.d.e，需要进行至少4次查询操作，先检查a再检查a中的b，再检查b中的c，如此往下。所以如果这样的表达式重复出现，只要可能，应该尽量少出现这样的表达式，可以利用局部变量，把它放入一个临时的地方进行查询。这一点可以和循环结合起来，因为我们常常要根据字符串、数组的长度进行循环，而通常这个长度是不变的，比如每次查询a.length，就要额外进行一个操作，而预先把var len=a.length，则就少了一次查询。
    
11. 类型转换
    把数字转换成字符串，应用 "" + 1，虽然看起来比较丑一点，但事实上这个效率是最高的，性能上来说：("" + ) > String() > .toString() > new String()；
    浮点数转换成整型，这个更容易出错，很多人喜欢使用parseInt()，其实parseInt()是用于将字符串转换成数字，而不是浮点数和整型之间的转换，我们应该使用Math.floor()或者Math.round()。Math是内部对象，所以Math.floor()其实并没有多少查询方法和调用的时间，速度是最快的。
    对于自定义的对象，如果定义了toString()方法来进行类型转换的话，推荐显式调用toString()，因为内部的操作在尝试所有可能性之后，会尝试对象的toString()方法尝试能否转化为String，所以直接调用这个方法效率会更高。
12. 使用直接量，JavaScript支持使用[param,param,param,...]来直接表达一个数组，以往我们都使用new Array(param,param,...)，使用前者是引擎直接解释的，后者要调用一个Array内部构造器，所以要略微快一点点。同样，var foo = {}的方式也比var foo = new Object();快，var reg = /../;要比var reg=new RegExp()快。
    
13. 字符串遍历操作，对字符串进行循环操作，譬如替换、查找，应使用正则表达式，因为本身JavaScript的循环速度就比较慢，而正则表达式的操作是用C写成的语言的API，性能很好。
    
14. 高级对象，自定义高级对象和Date、RegExp对象在构造时都会消耗大量时间。如果可以复用，应采用缓存的方式。
    
15. 定时器，如果针对的是不断运行的代码，不应该使用setTimeout，而应该是用setInterval。
    
16. 插入HTML内容时候尽量找容器进行innerHTML操作，而尽量避免使用document.write();
    
17. 对象查询，使用[""]查询要比.items()更快，这和前面的减少对象查找的思路是一样的，调用.items()增加了一次查询和函数的调用。
    
18. 创建DOM节点，创建页面元素时应该是用document.createElement()方法，而如果文档中存在现成的样板节点，应该是用cloneNode()方法，因为使用createElement()方法之后，你需要设置多次元素的属性，使用cloneNode()则可以减少属性的设置次数——同样如果需要创建很多元素，应该先准备一个样板节点。
    
19. 尽量用switch代替2个以上条件的if。
    
20. 尽量减少else if语句数量，将条件按二叉树方式排列。用if语句和多个else语句时，可能性越大的情况越往前放。
    
21. 优先使用内置方法.
    
22. 节约使用DOM操作,如：若要在DOM树中添加A节点，A中又包含其他子节点，尽量先把所有子节点添加到A中后，再把A添加到DOM树中。
    
23. 操作css样式时注意以下问题：
    diaplay和visibility具有同样的效果,使用visibility会更快。

 

二、jsp执行效率：

优化原则：

1. 选择正确的页面包含机制：在JSP中有两种方法可以用来包含另一个页面：1、使用include指示符(<%@ includee file=”test.jsp” %>)。2、使用jsp指示符(<jsp:includee page=”test.jsp” flush=”true”/>)。在实际中我发现，如果使用第一种方法的话，可以使得系统性能更高。
   
2. 关闭服务器Servlet/JSP自动重载技术功能。
   
3. 正确地确定javabean的生命周期：
   
4. 在servlet的init()方法中缓存数据
   
5. 不要滥用HttpSession,如果没有必要，就应该关闭JSP页面中对HttpSession的缺省设置执行代码：<%@ page session="false"%>，当你不需要HttpSession时，尽快地释放它：当你不再需要session时，你可以通过调用HttpSession.invalidate()方法来释放它。尽量将session的超时时间设得短一点。
   
6. 将页面输出进行压缩：有的浏览器支持gzip(GNU zip)进行来对HTML文件进行压缩，这种方法可以戏剧性地减少HTML文件的下载时间。因此，如果你将servlet或JSP页面生成的HTML页面进行压缩的话，那用户就会觉得页面浏览速度会非常快。但不幸的是，不是所有的浏览器都支持gzip压缩，但你可以通过在你的程序中检查客户的浏览器是否支持它。
   
7. 正确地确定javabean的生命周期，缺省的生命周期为page。如果没有正确地选择bean的生命周期的话，它将影响系统的性能。如果你只想在一次请求中使用某个bean，但你却将这个bean的生命周期设置成了session，那当这次请求结束后，这个bean将仍然保留在内存中，除非session超时或用户关闭浏览器。这样会耗费一定的内存，并无谓的增加了JVM垃圾收集器的工作量。因此为bean设置正确的生命周期，并在bean的使命结束后尽快地清理它们，会使用系统性能有一个提高。

三、图片优化效率：

1. 重新检查图片的大小，如果图片切割的不合理，重新进行切片。